@pega/cosmos-react-condition-builder 4.0.0-dev.2.0 → 4.0.0-dev.21.0

package/lib/components/ConditionBuilder/ConditionBuilder.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.styles.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,IAAI,EAEJ,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,wCAAwC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;gBAErB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;CAC9E,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1C,uCAAuC;AACvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;;;;CAUtD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,6CAA6C;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,CACrD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,EACjE,UAAU,EAAE,EAAE,IAAI,EAAE,EACrB,EACD,WAAW,EACZ,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzD,OAAO,CACL,CAAC,WAAW;QACZ,GAAG,CAAA;UACC,sBAAsB;uBACT,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAa,CAAC;yBAChD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;yCACb,OAAO;;OAEzC,CACF,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  calculateFontSize,\n  defaultThemeProp,\n  FieldGroup,\n  Flex,\n  FontSize,\n  StyledFieldGroupLegend\n} from '@pega/cosmos-react-core';\n\n// Styled wrapper for each Condition row\nexport const StyledRow = styled(Flex)`\n  padding: 0.25rem;\n  background: ${props => (props.shaded ? 'rgba(0, 0, 0, 0.05)' : 'transparent')};\n`;\n\nStyledRow.defaultProps = defaultThemeProp;\n\n// Styled row-separators for Basic-mode\nexport const StyledRowWithSeparator = styled(StyledRow)`\n  padding: 0 0.25rem;\n  &::after {\n    content: '';\n    flex-grow: 1;\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 0%);\n    background-position: left center;\n    background-size: 1.75rem 0.0625rem;\n    background-repeat: repeat-x;\n  }\n`;\n\nStyledRowWithSeparator.defaultProps = defaultThemeProp;\n\n// Styled label for the rows in Advanced-mode\nexport const StyledLabel = styled.div`\n  line-height: 2rem;\n  height: 2rem;\n  width: 2rem;\n  min-width: 2rem;\n  text-align: center;\n  background: rgba(0, 0, 0, 0.04);\n`;\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nexport const StyledAtomicCondition = styled(FieldGroup)(\n  ({\n    theme: {\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n      components: { text }\n    },\n    collapsible\n  }) => {\n    const fontSizes = calculateFontSize(fontSize, fontScale);\n    return (\n      !collapsible &&\n      css`\n        ${StyledFieldGroupLegend} {\n          font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n          font-weight: ${text.secondary['font-weight']};\n          margin-block-end: calc(0.5 * ${spacing});\n        }\n      `\n    );\n  }\n);\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"ConditionBuilder.styles.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,IAAI,EAEJ,sBAAsB,EACtB,aAAa,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,6DAA6D,CAAC;AAE3F,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAChD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,EACjD,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;QACN,aAAa,QAAQ,YAAY;yBAChB,YAAY,CAAC,EAAE,sBAAsB,OAAO;;KAEhE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,wCAAwC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;gBAErB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;CAC9E,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;GACxC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,uCAAuC;AACvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;;;;CAUtD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,6CAA6C;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,CACrD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,EACjE,UAAU,EAAE,EAAE,IAAI,EAAE,EACrB,EACD,SAAS,EACV,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzD,OAAO,CACL,CAAC,SAAS;QACV,GAAG,CAAA;UACC,sBAAsB;uBACT,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAa,CAAC;yBAChD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;yCACb,OAAO;;OAEzC,CACF,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  calculateFontSize,\n  defaultThemeProp,\n  FieldGroup,\n  Flex,\n  FontSize,\n  StyledFieldGroupLegend,\n  StyledPopover\n} from '@pega/cosmos-react-core';\nimport { StyledDialog } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';\n\nexport const StyledConditionBuilder = styled(Flex)(\n  ({\n    theme: {\n      base: { 'content-width': contentWidth, spacing }\n    }\n  }) => {\n    return css`\n      ${StyledPopover}:not(${StyledDialog}) & {\n        min-width: min(${contentWidth.lg}, calc(100vw - 4 * ${spacing}));\n      }\n    `;\n  }\n);\n\nStyledConditionBuilder.defaultProps = defaultThemeProp;\n\n// Styled wrapper for each Condition row\nexport const StyledRow = styled(Flex)`\n  padding: 0.25rem;\n  background: ${props => (props.shaded ? 'rgba(0, 0, 0, 0.05)' : 'transparent')};\n`;\n\nStyledRow.defaultProps = defaultThemeProp;\n\nexport const StyledTimePeriodContainer = styled.div(({ theme }) => {\n  return css`\n    width: ${theme.base['content-width'].sm};\n  `;\n});\n\nStyledTimePeriodContainer.defaultProps = defaultThemeProp;\n\n// Styled row-separators for Basic-mode\nexport const StyledRowWithSeparator = styled(StyledRow)`\n  padding: 0 0.25rem;\n  &::after {\n    content: '';\n    flex-grow: 1;\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 0%);\n    background-position: left center;\n    background-size: 1.75rem 0.0625rem;\n    background-repeat: repeat-x;\n  }\n`;\n\nStyledRowWithSeparator.defaultProps = defaultThemeProp;\n\n// Styled label for the rows in Advanced-mode\nexport const StyledLabel = styled.div`\n  line-height: 2rem;\n  height: 2rem;\n  width: 2rem;\n  min-width: 2rem;\n  text-align: center;\n  background: rgba(0, 0, 0, 0.04);\n`;\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nexport const StyledAtomicCondition = styled(FieldGroup)(\n  ({\n    theme: {\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n      components: { text }\n    },\n    collapsed\n  }) => {\n    const fontSizes = calculateFontSize(fontSize, fontScale);\n    return (\n      !collapsed &&\n      css`\n        ${StyledFieldGroupLegend} {\n          font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n          font-weight: ${text.secondary['font-weight']};\n          margin-block-end: calc(0.5 * ${spacing});\n        }\n      `\n    );\n  }\n);\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n"]}

package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts

@@ -11,6 +11,8 @@ export interface RhsWithDateFunction {
      * WEEKS: First day of week as YYYY-MM-DD
      * DAYS: Date as YYYY-MM-DD
      * HOURS: YYYY-MM-DDTHH:mm:ss
+     * MINUTES: YYYY-MM-DDTHH:mm:ss
+     * SECONDS: YYYY-MM-DDTHH:mm:ss
      * HOURS_OF_DAY: 0-23
      * MONTHS_OF_YEAR: 1-12
      * DAYS_OF_MONTH: 1-31
@@ -57,7 +59,7 @@ export interface ConditionRow extends LeafCondition {
  * Type definition for simple/complex conditions
  * At a given node in the condition tree, it can have exactly one of the keys AND/OR/NOT/condition
  */
-export declare type Condition = {
+export type Condition = {
     AND: Condition[];
 } | {
     OR: Condition[];
@@ -67,16 +69,16 @@ export declare type Condition = {
     condition: LeafCondition;
 };
 /** Type definition for the input Field objects for the ConditionBuilder */
-export declare type ParameterValue = Pick<MenuItemProps, 'id' | 'primary'>;
-export declare type ReferenceValue = Pick<MenuItemProps, 'id' | 'primary'>;
-export declare type ValueSelection<F> = string[] | ReferenceValue[] | (({ searchString, comparator, lhs }: {
+export type ParameterValue = Pick<MenuItemProps, 'id' | 'primary'>;
+export type ReferenceValue = Pick<MenuItemProps, 'id' | 'primary'>;
+export type ValueSelection<F> = string[] | ReferenceValue[] | (({ searchString, comparator, lhs }: {
     searchString?: string;
     comparator?: string;
     lhs?: F;
 }) => Promise<string[] | ReferenceValue[]>);
 interface BasicField extends Pick<MenuItemProps, 'id' | 'primary'> {
 }
-export declare type Field = BasicField & ({
+export type Field = BasicField & ({
     parameters?: ParameterValue[];
     /**
      * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.

package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExF,OAAO,EACL,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,QAAQ,EACT,MAAM,cAAc,CAAC;AAEtB,sCAAsC;AACtC,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;;;;;OAYG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,sCAAsC;AACtC,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE;QACZ,UAAU,EAAE,UAAU,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,QAAQ,CAAC;KACpB,CAAC;CACH;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,oEAAoE;AACpE,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,UAAU,CAAC;IAEvB,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAGF,GAAG,CAAC,EACA;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GACjB;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAC1B;QAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;KAAE,GAC/B;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAChD,mBAAmB,GACnB,mBAAmB,GACnB,gBAAgB,CAAC;CACtB;AAED,gFAAgF;AAChF,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,oBAAY,SAAS,GACjB;IAAE,GAAG,EAAE,SAAS,EAAE,CAAA;CAAE,GACpB;IAAE,EAAE,EAAE,SAAS,EAAE,CAAA;CAAE,GACnB;IAAE,GAAG,EAAE,SAAS,CAAA;CAAE,GAClB;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;AAEjC,2EAA2E;AAE3E,oBAAY,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;AAEnE,oBAAY,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;AAEnE,oBAAY,cAAc,CAAC,CAAC,IACxB,MAAM,EAAE,GACR,cAAc,EAAE,GAChB,CAAC,CAAC,EACA,YAAY,EACZ,UAAU,EACV,GAAG,EACJ,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,CAAC,CAAC;CACT,KAAK,OAAO,CAAC,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC;AAEhD,UAAU,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,SAAS,CAAC;CAAG;AAErE,oBAAY,KAAK,GAAG,UAAU,GAC5B,CACI;IACE,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAE9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAEvC;;;;;OAKG;IACH,IAAI,EAAE,SAAS,CAAC;CACjB,GACD;IACE,2DAA2D;IAC3D,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB,CACJ,CAAC;AAEJ,yCAAyC;AACzC,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,oDAAoD;IACpD,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;CACtF;AAED,8DAA8D;AAC9D,MAAM,CAAC,OAAO,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IAC9E,iEAAiE;IACjE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B"}
+{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"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"}

package/lib/components/ConditionBuilder/ConditionBuilder.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["// cspell:ignore words DDTHH\nimport { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, MenuItemProps } from '@pega/cosmos-react-core';\n\nimport {\n  FieldType,\n  Comparator,\n  ComparatorsByType,\n  DateFunction,\n  RHSType,\n  TimePeriod,\n  DatePart\n} from './core/types';\n\n/** RHS object with a Date function */\nexport interface RhsWithDateFunction {\n  /**\n   * Output format for the value varies based on the dateFunction:\n   * YEARS: First day of year as YYYY-MM-DD\n   * QUARTERS: First day of quarter as YYYY-MM-DD\n   * MONTHS: First day of month as YYYY-MM-DD\n   * WEEKS: First day of week as YYYY-MM-DD\n   * DAYS: Date as YYYY-MM-DD\n   * HOURS: YYYY-MM-DDTHH:mm:ss\n   * HOURS_OF_DAY: 0-23\n   * MONTHS_OF_YEAR: 1-12\n   * DAYS_OF_MONTH: 1-31\n   * DAYS_OF_WEEK: 1-7\n   */\n  value: string | number;\n  dateFunction: DateFunction;\n}\n\n/** RHS object with a Relative Date */\nexport interface RhsWithRelativeDate {\n  relativeDate: {\n    timePeriod: TimePeriod;\n    interval?: number;\n    datePart: DatePart;\n  };\n}\n\n/** RHS object with PARAMETER type */\nexport interface RhsWithParameter {\n  parameterId: string;\n}\n\n/** Type definition for the leaf-level nodes in nested conditions */\nexport interface LeafCondition {\n  comparator: Comparator;\n\n  lhs: {\n    field: string;\n  };\n\n  // Optional for some of the comparators like IS_TRUE, IS_NULL, etc.\n  rhs?:\n    | { field: string } // When comparing the LHS with another field\n    | { value: string | number } // When comparing the LHS with a single literal value (for comparators like EQ, GTE etc.)\n    | { values: string[] | number[] } // When comparing the LHS with a list of literal values (for comparators like IN, NOT_IN etc.)\n    | { start: string | number; end: string | number } // When comparing numeric or date field with two values that determine range\n    | RhsWithDateFunction // When comparing a date field with a date function on RHS\n    | RhsWithRelativeDate // When comparing a date field with a symbolic date on RHS\n    | RhsWithParameter; //  When comparing the LHS with PARAMETER type\n}\n\n/** Type definition for objects representing condition-rows in the builder UI */\nexport interface ConditionRow extends LeafCondition {\n  id: string; // To use as `key` prop when rendering a list of rows\n  label: string; // Used to refer the row from a logic-string\n}\n\n/**\n * Type definition for simple/complex conditions\n * At a given node in the condition tree, it can have exactly one of the keys AND/OR/NOT/condition\n */\nexport type Condition =\n  | { AND: Condition[] }\n  | { OR: Condition[] }\n  | { NOT: Condition }\n  | { condition: LeafCondition };\n\n/** Type definition for the input Field objects for the ConditionBuilder */\n\nexport type ParameterValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ReferenceValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ValueSelection<F> =\n  | string[]\n  | ReferenceValue[]\n  | (({\n      searchString,\n      comparator,\n      lhs\n    }: {\n      searchString?: string;\n      comparator?: string;\n      lhs?: F;\n    }) => Promise<string[] | ReferenceValue[]>);\n\ninterface BasicField extends Pick<MenuItemProps, 'id' | 'primary'> {}\n\nexport type Field = BasicField &\n  (\n    | {\n        parameters?: ParameterValue[];\n\n        /**\n         * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.\n         * Otherwise we fetch data from api and pass a promise which returns list of values\n         * This enables users to select from those values instead of manually typing them\n         */\n        possibleValues?: ValueSelection<Field>;\n\n        /**\n         * Data-type for the field.\n         * Has to be one of these values. Convert where necessary\n         * e.g. Integer/Decimal/... should be used as `NUMBER`\n         * e.g. Text(single value)/Picklist/... should be used as `TEXT`\n         */\n        type: FieldType;\n      }\n    | {\n        /** An array of type Field to represent the child items. */\n        items: Field[];\n      }\n  );\n\n/** Valid date functions by field type */\nexport interface DateFunctionsByType {\n  /** Date functions to enable for DATE_TIME fields */\n  DATE_TIME: DateFunction[];\n  /** Date functions to enable for DATE_ONLY fields */\n  DATE_ONLY: DateFunction[];\n}\n\nexport interface HandleValue {\n  /**\n   * Returns condition validity and condition or undefined if valid.\n   * Undefined indicates no condition.\n   */\n  getCondition: () => [valid: false] | [valid: true, condition: Condition | undefined];\n}\n\n/** Type definition for the input props of ConditionBuilder */\nexport default interface ConditionBuilderProps extends BaseProps, NoChildrenProp {\n  /** Metadata (data-model) for the Fields to use in the builder */\n  fields: Field[];\n\n  /** (Optional) A seed condition for the builder. To use when editing an existing condition */\n  condition?: Condition;\n\n  /** (Optional) Used to limit the Comparators allowed in the builder. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** (Optional) Pass this if the `NOT` operator should be considered as invalid */\n  disallowNOT?: boolean;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}
+{"version":3,"file":"ConditionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["// cspell:words DDTHH\nimport { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, MenuItemProps } from '@pega/cosmos-react-core';\n\nimport {\n  FieldType,\n  Comparator,\n  ComparatorsByType,\n  DateFunction,\n  RHSType,\n  TimePeriod,\n  DatePart\n} from './core/types';\n\n/** RHS object with a Date function */\nexport interface RhsWithDateFunction {\n  /**\n   * Output format for the value varies based on the dateFunction:\n   * YEARS: First day of year as YYYY-MM-DD\n   * QUARTERS: First day of quarter as YYYY-MM-DD\n   * MONTHS: First day of month as YYYY-MM-DD\n   * WEEKS: First day of week as YYYY-MM-DD\n   * DAYS: Date as YYYY-MM-DD\n   * HOURS: YYYY-MM-DDTHH:mm:ss\n   * MINUTES: YYYY-MM-DDTHH:mm:ss\n   * SECONDS: YYYY-MM-DDTHH:mm:ss\n   * HOURS_OF_DAY: 0-23\n   * MONTHS_OF_YEAR: 1-12\n   * DAYS_OF_MONTH: 1-31\n   * DAYS_OF_WEEK: 1-7\n   */\n  value: string | number;\n  dateFunction: DateFunction;\n}\n\n/** RHS object with a Relative Date */\nexport interface RhsWithRelativeDate {\n  relativeDate: {\n    timePeriod: TimePeriod;\n    interval?: number;\n    datePart: DatePart;\n  };\n}\n\n/** RHS object with PARAMETER type */\nexport interface RhsWithParameter {\n  parameterId: string;\n}\n\n/** Type definition for the leaf-level nodes in nested conditions */\nexport interface LeafCondition {\n  comparator: Comparator;\n\n  lhs: {\n    field: string;\n  };\n\n  // Optional for some of the comparators like IS_TRUE, IS_NULL, etc.\n  rhs?:\n    | { field: string } // When comparing the LHS with another field\n    | { value: string | number } // When comparing the LHS with a single literal value (for comparators like EQ, GTE etc.)\n    | { values: string[] | number[] } // When comparing the LHS with a list of literal values (for comparators like IN, NOT_IN etc.)\n    | { start: string | number; end: string | number } // When comparing numeric or date field with two values that determine range\n    | RhsWithDateFunction // When comparing a date field with a date function on RHS\n    | RhsWithRelativeDate // When comparing a date field with a symbolic date on RHS\n    | RhsWithParameter; //  When comparing the LHS with PARAMETER type\n}\n\n/** Type definition for objects representing condition-rows in the builder UI */\nexport interface ConditionRow extends LeafCondition {\n  id: string; // To use as `key` prop when rendering a list of rows\n  label: string; // Used to refer the row from a logic-string\n}\n\n/**\n * Type definition for simple/complex conditions\n * At a given node in the condition tree, it can have exactly one of the keys AND/OR/NOT/condition\n */\nexport type Condition =\n  | { AND: Condition[] }\n  | { OR: Condition[] }\n  | { NOT: Condition }\n  | { condition: LeafCondition };\n\n/** Type definition for the input Field objects for the ConditionBuilder */\n\nexport type ParameterValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ReferenceValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ValueSelection<F> =\n  | string[]\n  | ReferenceValue[]\n  | (({\n      searchString,\n      comparator,\n      lhs\n    }: {\n      searchString?: string;\n      comparator?: string;\n      lhs?: F;\n    }) => Promise<string[] | ReferenceValue[]>);\n\ninterface BasicField extends Pick<MenuItemProps, 'id' | 'primary'> {}\n\nexport type Field = BasicField &\n  (\n    | {\n        parameters?: ParameterValue[];\n\n        /**\n         * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.\n         * Otherwise we fetch data from api and pass a promise which returns list of values\n         * This enables users to select from those values instead of manually typing them\n         */\n        possibleValues?: ValueSelection<Field>;\n\n        /**\n         * Data-type for the field.\n         * Has to be one of these values. Convert where necessary\n         * e.g. Integer/Decimal/... should be used as `NUMBER`\n         * e.g. Text(single value)/Picklist/... should be used as `TEXT`\n         */\n        type: FieldType;\n      }\n    | {\n        /** An array of type Field to represent the child items. */\n        items: Field[];\n      }\n  );\n\n/** Valid date functions by field type */\nexport interface DateFunctionsByType {\n  /** Date functions to enable for DATE_TIME fields */\n  DATE_TIME: DateFunction[];\n  /** Date functions to enable for DATE_ONLY fields */\n  DATE_ONLY: DateFunction[];\n}\n\nexport interface HandleValue {\n  /**\n   * Returns condition validity and condition or undefined if valid.\n   * Undefined indicates no condition.\n   */\n  getCondition: () => [valid: false] | [valid: true, condition: Condition | undefined];\n}\n\n/** Type definition for the input props of ConditionBuilder */\nexport default interface ConditionBuilderProps extends BaseProps, NoChildrenProp {\n  /** Metadata (data-model) for the Fields to use in the builder */\n  fields: Field[];\n\n  /** (Optional) A seed condition for the builder. To use when editing an existing condition */\n  condition?: Condition;\n\n  /** (Optional) Used to limit the Comparators allowed in the builder. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** (Optional) Pass this if the `NOT` operator should be considered as invalid */\n  disallowNOT?: boolean;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}

package/lib/components/ConditionBuilder/FieldCondition.types.d.ts

@@ -3,9 +3,7 @@ import { BaseProps } from '@pega/cosmos-react-core';
 import { ComparatorsByType, RHSType } from './core/types';
 import { Field, LeafCondition, DateFunctionsByType } from './ConditionBuilder.types';
 export interface HandleValue {
-    /**
-     * Returns condition validity and condition if valid.
-     */
+    /** Returns condition validity and condition if valid. */
     getCondition: () => [valid: false] | [valid: true, condition: LeafCondition];
 }
 /** Type definition for the input props of FieldCondition */

package/lib/components/ConditionBuilder/FieldCondition.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldCondition.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAErF,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;CAC9E;AAED,4DAA4D;AAC5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,SAAS;IAC5D,mEAAmE;IACnE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEzB,iFAAiF;IACjF,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B"}
+{"version":3,"file":"FieldCondition.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAErF,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;CAC9E;AAED,4DAA4D;AAC5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,SAAS;IAC5D,mEAAmE;IACnE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEzB,iFAAiF;IACjF,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B"}

package/lib/components/ConditionBuilder/FieldCondition.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldCondition.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps } from '@pega/cosmos-react-core';\n\nimport { ComparatorsByType, RHSType } from './core/types';\nimport { Field, LeafCondition, DateFunctionsByType } from './ConditionBuilder.types';\n\nexport interface HandleValue {\n  /**\n   * Returns condition validity and condition if valid.\n   */\n  getCondition: () => [valid: false] | [valid: true, condition: LeafCondition];\n}\n\n/** Type definition for the input props of FieldCondition */\nexport default interface FieldConditionProps extends BaseProps {\n  /** Id of the field on which the condition should be constructed */\n  targetField: Field['id'];\n\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector etc. */\n  fields: Field[];\n\n  /** (Optional) Passed when editing an existing condition */\n  condition?: LeafCondition;\n\n  /** (Optional) Used to limit the Comparators allowed in the component. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}
+{"version":3,"file":"FieldCondition.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps } from '@pega/cosmos-react-core';\n\nimport { ComparatorsByType, RHSType } from './core/types';\nimport { Field, LeafCondition, DateFunctionsByType } from './ConditionBuilder.types';\n\nexport interface HandleValue {\n  /** Returns condition validity and condition if valid. */\n  getCondition: () => [valid: false] | [valid: true, condition: LeafCondition];\n}\n\n/** Type definition for the input props of FieldCondition */\nexport default interface FieldConditionProps extends BaseProps {\n  /** Id of the field on which the condition should be constructed */\n  targetField: Field['id'];\n\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector etc. */\n  fields: Field[];\n\n  /** (Optional) Passed when editing an existing condition */\n  condition?: LeafCondition;\n\n  /** (Optional) Used to limit the Comparators allowed in the component. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}

package/lib/components/ConditionBuilder/RhsControls/DateFunctionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFunctionMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,SAAS,EACT,YAAY,EAcZ,cAAc,EAKf,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA+B7C,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,oEAAoE;IACpE,iBAAiB,EAAE,YAAY,EAAE,CAAC;IAElC,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CAuM7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"DateFunctionMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,SAAS,EACT,YAAY,EAcZ,cAAc,EAKf,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqC7C,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,oEAAoE;IACpE,iBAAiB,EAAE,YAAY,EAAE,CAAC;IAElC,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CA+M7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/ConditionBuilder/RhsControls/DateFunctionMenu.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// cspell:ignore words DDTHH
+// cspell:words DDTHH
 import { useMemo } from 'react';
 import { Select, Option, MonthInput, WeekInput, DateInput, DateTimeInput, NumberInput, DayOfWeekInput, useI18n, useConfiguration, QuarterInput, range, ComboBox, menuHelpers } from '@pega/cosmos-react-core';
 /**
@@ -18,6 +18,8 @@ function formatDateFunctionValue(isoDateString, dateFunction) {
     const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');
     const DD = date.getUTCDate().toString().padStart(2, '0');
     const HH = date.getUTCHours().toString().padStart(2, '0');
+    const mm = date.getUTCMinutes().toString().padStart(2, '0');
+    const ss = date.getUTCSeconds().toString().padStart(2, '0');
     switch (dateFunction) {
         case 'QUARTERS':
         case 'MONTHS':
@@ -25,6 +27,10 @@ function formatDateFunctionValue(isoDateString, dateFunction) {
         case 'WEEKS':
         case 'DAYS':
             return `${YYYY}-${MM}-${DD}`;
+        case 'MINUTES':
+            return `${YYYY}-${MM}-${DD}T${HH}:${mm}:00`;
+        case 'SECONDS':
+            return `${YYYY}-${MM}-${DD}T${HH}:${mm}:${ss}`;
         default:
             return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS
     }
@@ -37,12 +43,14 @@ const DateFunctionMenu = (props) => {
     // Options for the Date-function selector
     const dateFunctionOptions = useMemo(() => {
         const dateFunctionLabels = {
-            YEARS: t('condition_builder_date_function_year'),
-            QUARTERS: t('condition_builder_date_function_quarter'),
-            MONTHS: t('condition_builder_date_function_month'),
-            WEEKS: t('condition_builder_date_function_week'),
-            DAYS: t('condition_builder_date_function_day'),
-            HOURS: t('condition_builder_date_function_hour'),
+            YEARS: t('condition_builder_year'),
+            QUARTERS: t('condition_builder_quarter'),
+            MONTHS: t('condition_builder_month'),
+            WEEKS: t('condition_builder_week'),
+            DAYS: t('condition_builder_day'),
+            HOURS: t('condition_builder_hour'),
+            MINUTES: t('condition_builder_minute'),
+            SECONDS: t('condition_builder_second'),
             HOURS_OF_DAY: t('condition_builder_date_function_hour_of_day'),
             MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),
             DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),
@@ -65,9 +73,9 @@ const DateFunctionMenu = (props) => {
     // Props for all functions that use a component from the DateTime package
     const dateComponentProps = {
         ...valueComponentProps,
-        onChange: ({ valueAsISOString, valueAsTimestamp, state }) => {
+        onChange: ({ valueAsISOString, state }) => {
             // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp are both undefined
-            if (valueAsTimestamp === undefined || state === 'incomplete' || state === 'invalid')
+            if (valueAsISOString === undefined || state === 'incomplete' || state === 'invalid')
                 return;
             // Format the value as per spec and return
             onChange({ ...rhs, value: formatDateFunctionValue(valueAsISOString, rhs.dateFunction) });
@@ -141,7 +149,7 @@ const DateFunctionMenu = (props) => {
     const onDayOfWeekChange = (value) => {
         onChange({ ...rhs, value });
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_date_part'), value: rhs.dateFunction, onChange: handleDatePartChange, children: dateFunctionOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }), rhs.dateFunction === 'YEARS' && (_jsxs(Select, { ...valueComponentProps, onChange: onYearChange, name: 'year-selector', children: [_jsx(Option, { children: " " }), yearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'QUARTERS' && _jsx(QuarterInput, { ...dateComponentProps }), rhs.dateFunction === 'MONTHS' && _jsx(MonthInput, { ...dateComponentProps }), rhs.dateFunction === 'WEEKS' && _jsx(WeekInput, { ...dateComponentProps }), rhs.dateFunction === 'DAYS' && _jsx(DateInput, { ...dateComponentProps }), rhs.dateFunction === 'HOURS' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60 })), rhs.dateFunction === 'HOURS_OF_DAY' && _jsx(ComboBox, { ...hourOfDayProps }), rhs.dateFunction === 'MONTHS_OF_YEAR' && (_jsxs(Select, { ...valueComponentProps, onChange: onMonthOfYearChange, name: 'month-of-year-selector', children: [_jsx(Option, { children: " " }), monthOfYearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'DAYS_OF_MONTH' && (_jsx(NumberInput, { ...valueComponentProps, placeholder: '1 - 31', min: 1, max: 31, step: 1, showDecimal: false, onChange: onDayOfMonthChange })), rhs.dateFunction === 'DAYS_OF_WEEK' && (_jsx(DayOfWeekInput, { ...valueComponentProps, value: rhs.value, onChange: onDayOfWeekChange }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_date_part'), value: rhs.dateFunction, onChange: handleDatePartChange, children: dateFunctionOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }), rhs.dateFunction === 'YEARS' && (_jsxs(Select, { ...valueComponentProps, onChange: onYearChange, name: 'year-selector', children: [_jsx(Option, { children: " " }), yearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'QUARTERS' && _jsx(QuarterInput, { ...dateComponentProps }), rhs.dateFunction === 'MONTHS' && _jsx(MonthInput, { ...dateComponentProps }), rhs.dateFunction === 'WEEKS' && _jsx(WeekInput, { ...dateComponentProps }), rhs.dateFunction === 'DAYS' && _jsx(DateInput, { ...dateComponentProps }), rhs.dateFunction === 'HOURS' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60 })), rhs.dateFunction === 'MINUTES' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60 })), rhs.dateFunction === 'SECONDS' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60, withSeconds: true })), rhs.dateFunction === 'HOURS_OF_DAY' && _jsx(ComboBox, { ...hourOfDayProps }), rhs.dateFunction === 'MONTHS_OF_YEAR' && (_jsxs(Select, { ...valueComponentProps, onChange: onMonthOfYearChange, name: 'month-of-year-selector', children: [_jsx(Option, { children: " " }), monthOfYearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'DAYS_OF_MONTH' && (_jsx(NumberInput, { ...valueComponentProps, placeholder: '1 - 31', min: 1, max: 31, step: 1, showDecimal: false, onChange: onDayOfMonthChange })), rhs.dateFunction === 'DAYS_OF_WEEK' && (_jsx(DayOfWeekInput, { ...valueComponentProps, value: rhs.value, onChange: onDayOfWeekChange }))] }));
 };
 export default DateFunctionMenu;
 //# sourceMappingURL=DateFunctionMenu.js.map

package/lib/components/ConditionBuilder/RhsControls/DateFunctionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFunctionMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:ignore words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Select,\n  Option,\n  MonthInput,\n  WeekInput,\n  DateInput,\n  DateTimeInput,\n  NumberInput,\n  FormControlProps,\n  DayOfWeekInput,\n  useI18n,\n  useConfiguration,\n  QuarterInput,\n  range,\n  NoChildrenProp,\n  ComboBox,\n  ComboBoxProps,\n  MenuProps,\n  menuHelpers\n} from '@pega/cosmos-react-core';\nimport DateTimeProps, {\n  DateTimeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { DayOfWeek } from '@pega/cosmos-react-core/lib/components/DateTime/Input/DayOfWeekInput';\n\nimport { RhsWithDateFunction } from '../ConditionBuilder.types';\nimport { DateFunction } from '../core/types';\n\n/**\n * Formats the input date string to match the spec expected for the given date function\n * NOTE: This assumes that the input date is set up on the UTC timezone\n * SPEC:\n * - QUARTERS: First day of quarter as YYYY-MM-DD\n * - MONTHS: First day of month as YYYY-MM-DD\n * - WEEKS: First day of week as YYYY-MM-DD\n * - DAYS: Date as YYYY-MM-DD\n * - HOURS: YYYY-MM-DDTHH:mm:ss\n */\nfunction formatDateFunctionValue(isoDateString: string, dateFunction: DateFunction): string {\n  const date = new Date(isoDateString);\n  const YYYY = date.getUTCFullYear().toString().padStart(4, '0');\n  const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');\n  const DD = date.getUTCDate().toString().padStart(2, '0');\n  const HH = date.getUTCHours().toString().padStart(2, '0');\n\n  switch (dateFunction) {\n    case 'QUARTERS':\n    case 'MONTHS':\n      return `${YYYY}-${MM}-01`;\n    case 'WEEKS':\n    case 'DAYS':\n      return `${YYYY}-${MM}-${DD}`;\n    default:\n      return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS\n  }\n}\n\nexport interface DateFunctionMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithDateFunction;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithDateFunction) => void;\n\n  /** List of date functions enabled for the current LHS field type */\n  dateFunctionsList: DateFunction[];\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst DateFunctionMenu: FunctionComponent<DateFunctionMenuProps & ForwardProps> = (\n  props: DateFunctionMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status } = props;\n  const { locale } = useConfiguration();\n  const t = useI18n();\n\n  // Options for the Date-function selector\n  const dateFunctionOptions = useMemo(() => {\n    const dateFunctionLabels: Record<DateFunction, string> = {\n      YEARS: t('condition_builder_date_function_year'),\n      QUARTERS: t('condition_builder_date_function_quarter'),\n      MONTHS: t('condition_builder_date_function_month'),\n      WEEKS: t('condition_builder_date_function_week'),\n      DAYS: t('condition_builder_date_function_day'),\n      HOURS: t('condition_builder_date_function_hour'),\n      HOURS_OF_DAY: t('condition_builder_date_function_hour_of_day'),\n      MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),\n      DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),\n      DAYS_OF_WEEK: t('condition_builder_date_function_day_of_week')\n    };\n\n    return dateFunctionsList.map(func => ({ id: func, label: dateFunctionLabels[func] }));\n  }, [dateFunctionsList, t]);\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({ dateFunction: selection, value: '' });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: rhs.value === '' ? undefined : rhs.value.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  // Props for all functions that use a component from the DateTime package\n  const dateComponentProps: DateTimeProps = {\n    ...valueComponentProps,\n    onChange: ({ valueAsISOString, valueAsTimestamp, state }: DateTimeCallbackParameter) => {\n      // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp are both undefined\n      if (valueAsTimestamp === undefined || state === 'incomplete' || state === 'invalid') return;\n\n      // Format the value as per spec and return\n      onChange({ ...rhs, value: formatDateFunctionValue(valueAsISOString, rhs.dateFunction) });\n    }\n  };\n\n  // HOURS_OF_DAY\n  const hoursOfDayItems: MenuProps['items'] = useMemo(\n    () =>\n      range(0, 23).map(i => {\n        const index = i.toString();\n        return {\n          id: index,\n          primary: `${index.toString().padStart(2, '0')}:00`,\n          selected: rhs.value === i\n        };\n      }),\n    [rhs.value]\n  );\n\n  const hoursOfDaySelected = useMemo(() => {\n    return menuHelpers.getSelected(hoursOfDayItems)[0];\n  }, [hoursOfDayItems]);\n\n  const hourOfDayProps: ComboBoxProps = {\n    ...valueComponentProps,\n    value: `${rhs.value.toString().padStart(2, '0')}:00`,\n    mode: 'single-select',\n    menu: {\n      items: hoursOfDayItems,\n      onItemClick: id => {\n        onChange({ ...rhs, value: Number(id) });\n      }\n    },\n    selected: hoursOfDaySelected\n      ? {\n          items: {\n            id: hoursOfDaySelected.id,\n            text: hoursOfDaySelected.primary\n          }\n        }\n      : undefined\n  };\n\n  // YEARS\n  const yearOptions = useMemo(() => {\n    const currentYear = new Date().getFullYear();\n    const years = range(currentYear - 10, currentYear + 10);\n    return years.map(year => ({\n      id: `${year}-01-01`,\n      label: new Date(year, 0, 1).toLocaleString(locale, { year: 'numeric' })\n    }));\n  }, [locale]);\n  const onYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...rhs, value: e.target.value });\n  };\n\n  // MONTHS_OF_YEAR\n  const monthOfYearOptions = useMemo(\n    () =>\n      range(1, 12).map(n => ({\n        id: `${n}`,\n        label: new Date(2021, n - 1, 1).toLocaleString(locale, { month: 'long' })\n      })),\n    [locale]\n  );\n  const onMonthOfYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const value = e.target.value ? Number(e.target.value) : '';\n    onChange({ ...rhs, value });\n  };\n\n  // DAYS_OF_MONTH\n  const onDayOfMonthChange = (value: string) => {\n    let newValue: string | number = value;\n    if (newValue !== '') {\n      newValue = Number(newValue);\n      if (newValue > 31) newValue = 31;\n      if (newValue < 1) newValue = 1;\n    }\n    onChange({ ...rhs, value: newValue });\n  };\n\n  // DAYS_OF_WEEK\n  const onDayOfWeekChange = (value: DayOfWeek) => {\n    onChange({ ...rhs, value });\n  };\n\n  return (\n    <>\n      {/* Date function selector */}\n      <Select\n        label={t('condition_builder_date_part')}\n        value={rhs.dateFunction}\n        onChange={handleDatePartChange}\n      >\n        {dateFunctionOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n\n      {rhs.dateFunction === 'YEARS' && (\n        <Select {...valueComponentProps} onChange={onYearChange} name='year-selector'>\n          <Option> </Option>\n          {yearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'QUARTERS' && <QuarterInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'MONTHS' && <MonthInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'WEEKS' && <WeekInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'DAYS' && <DateInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'HOURS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'HOURS_OF_DAY' && <ComboBox {...hourOfDayProps} />}\n      {rhs.dateFunction === 'MONTHS_OF_YEAR' && (\n        <Select\n          {...valueComponentProps}\n          onChange={onMonthOfYearChange}\n          name='month-of-year-selector'\n        >\n          <Option> </Option>\n          {monthOfYearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'DAYS_OF_MONTH' && (\n        <NumberInput\n          {...valueComponentProps}\n          placeholder='1 - 31'\n          min={1}\n          max={31}\n          step={1}\n          showDecimal={false}\n          onChange={onDayOfMonthChange}\n        />\n      )}\n      {rhs.dateFunction === 'DAYS_OF_WEEK' && (\n        <DayOfWeekInput\n          {...valueComponentProps}\n          value={rhs.value as DayOfWeek}\n          onChange={onDayOfWeekChange}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DateFunctionMenu;\n"]}
+{"version":3,"file":"DateFunctionMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Select,\n  Option,\n  MonthInput,\n  WeekInput,\n  DateInput,\n  DateTimeInput,\n  NumberInput,\n  FormControlProps,\n  DayOfWeekInput,\n  useI18n,\n  useConfiguration,\n  QuarterInput,\n  range,\n  NoChildrenProp,\n  ComboBox,\n  ComboBoxProps,\n  MenuProps,\n  menuHelpers\n} from '@pega/cosmos-react-core';\nimport DateTimeProps, {\n  DateTimeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { DayOfWeek } from '@pega/cosmos-react-core/lib/components/DateTime/Input/DayOfWeekInput';\n\nimport { RhsWithDateFunction } from '../ConditionBuilder.types';\nimport { DateFunction } from '../core/types';\n\n/**\n * Formats the input date string to match the spec expected for the given date function\n * NOTE: This assumes that the input date is set up on the UTC timezone\n * SPEC:\n * - QUARTERS: First day of quarter as YYYY-MM-DD\n * - MONTHS: First day of month as YYYY-MM-DD\n * - WEEKS: First day of week as YYYY-MM-DD\n * - DAYS: Date as YYYY-MM-DD\n * - HOURS: YYYY-MM-DDTHH:mm:ss\n */\nfunction formatDateFunctionValue(isoDateString: string, dateFunction: DateFunction): string {\n  const date = new Date(isoDateString);\n  const YYYY = date.getUTCFullYear().toString().padStart(4, '0');\n  const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');\n  const DD = date.getUTCDate().toString().padStart(2, '0');\n  const HH = date.getUTCHours().toString().padStart(2, '0');\n  const mm = date.getUTCMinutes().toString().padStart(2, '0');\n  const ss = date.getUTCSeconds().toString().padStart(2, '0');\n\n  switch (dateFunction) {\n    case 'QUARTERS':\n    case 'MONTHS':\n      return `${YYYY}-${MM}-01`;\n    case 'WEEKS':\n    case 'DAYS':\n      return `${YYYY}-${MM}-${DD}`;\n    case 'MINUTES':\n      return `${YYYY}-${MM}-${DD}T${HH}:${mm}:00`;\n    case 'SECONDS':\n      return `${YYYY}-${MM}-${DD}T${HH}:${mm}:${ss}`;\n    default:\n      return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS\n  }\n}\n\nexport interface DateFunctionMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithDateFunction;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithDateFunction) => void;\n\n  /** List of date functions enabled for the current LHS field type */\n  dateFunctionsList: DateFunction[];\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst DateFunctionMenu: FunctionComponent<DateFunctionMenuProps & ForwardProps> = (\n  props: DateFunctionMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status } = props;\n  const { locale } = useConfiguration();\n  const t = useI18n();\n\n  // Options for the Date-function selector\n  const dateFunctionOptions = useMemo(() => {\n    const dateFunctionLabels: Record<DateFunction, string> = {\n      YEARS: t('condition_builder_year'),\n      QUARTERS: t('condition_builder_quarter'),\n      MONTHS: t('condition_builder_month'),\n      WEEKS: t('condition_builder_week'),\n      DAYS: t('condition_builder_day'),\n      HOURS: t('condition_builder_hour'),\n      MINUTES: t('condition_builder_minute'),\n      SECONDS: t('condition_builder_second'),\n      HOURS_OF_DAY: t('condition_builder_date_function_hour_of_day'),\n      MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),\n      DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),\n      DAYS_OF_WEEK: t('condition_builder_date_function_day_of_week')\n    };\n\n    return dateFunctionsList.map(func => ({ id: func, label: dateFunctionLabels[func] }));\n  }, [dateFunctionsList, t]);\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({ dateFunction: selection, value: '' });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: rhs.value === '' ? undefined : rhs.value.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  // Props for all functions that use a component from the DateTime package\n  const dateComponentProps: DateTimeProps = {\n    ...valueComponentProps,\n    onChange: ({ valueAsISOString, state }: DateTimeCallbackParameter) => {\n      // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp are both undefined\n      if (valueAsISOString === undefined || state === 'incomplete' || state === 'invalid') return;\n\n      // Format the value as per spec and return\n      onChange({ ...rhs, value: formatDateFunctionValue(valueAsISOString, rhs.dateFunction) });\n    }\n  };\n\n  // HOURS_OF_DAY\n  const hoursOfDayItems: MenuProps['items'] = useMemo(\n    () =>\n      range(0, 23).map(i => {\n        const index = i.toString();\n        return {\n          id: index,\n          primary: `${index.toString().padStart(2, '0')}:00`,\n          selected: rhs.value === i\n        };\n      }),\n    [rhs.value]\n  );\n\n  const hoursOfDaySelected = useMemo(() => {\n    return menuHelpers.getSelected(hoursOfDayItems)[0];\n  }, [hoursOfDayItems]);\n\n  const hourOfDayProps: ComboBoxProps = {\n    ...valueComponentProps,\n    value: `${rhs.value.toString().padStart(2, '0')}:00`,\n    mode: 'single-select',\n    menu: {\n      items: hoursOfDayItems,\n      onItemClick: id => {\n        onChange({ ...rhs, value: Number(id) });\n      }\n    },\n    selected: hoursOfDaySelected\n      ? {\n          items: {\n            id: hoursOfDaySelected.id,\n            text: hoursOfDaySelected.primary\n          }\n        }\n      : undefined\n  };\n\n  // YEARS\n  const yearOptions = useMemo(() => {\n    const currentYear = new Date().getFullYear();\n    const years = range(currentYear - 10, currentYear + 10);\n    return years.map(year => ({\n      id: `${year}-01-01`,\n      label: new Date(year, 0, 1).toLocaleString(locale, { year: 'numeric' })\n    }));\n  }, [locale]);\n  const onYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...rhs, value: e.target.value });\n  };\n\n  // MONTHS_OF_YEAR\n  const monthOfYearOptions = useMemo(\n    () =>\n      range(1, 12).map(n => ({\n        id: `${n}`,\n        label: new Date(2021, n - 1, 1).toLocaleString(locale, { month: 'long' })\n      })),\n    [locale]\n  );\n  const onMonthOfYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const value = e.target.value ? Number(e.target.value) : '';\n    onChange({ ...rhs, value });\n  };\n\n  // DAYS_OF_MONTH\n  const onDayOfMonthChange = (value: string) => {\n    let newValue: string | number = value;\n    if (newValue !== '') {\n      newValue = Number(newValue);\n      if (newValue > 31) newValue = 31;\n      if (newValue < 1) newValue = 1;\n    }\n    onChange({ ...rhs, value: newValue });\n  };\n\n  // DAYS_OF_WEEK\n  const onDayOfWeekChange = (value: DayOfWeek) => {\n    onChange({ ...rhs, value });\n  };\n\n  return (\n    <>\n      {/* Date function selector */}\n      <Select\n        label={t('condition_builder_date_part')}\n        value={rhs.dateFunction}\n        onChange={handleDatePartChange}\n      >\n        {dateFunctionOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n\n      {rhs.dateFunction === 'YEARS' && (\n        <Select {...valueComponentProps} onChange={onYearChange} name='year-selector'>\n          <Option> </Option>\n          {yearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'QUARTERS' && <QuarterInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'MONTHS' && <MonthInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'WEEKS' && <WeekInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'DAYS' && <DateInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'HOURS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'MINUTES' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'SECONDS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} withSeconds />\n      )}\n      {rhs.dateFunction === 'HOURS_OF_DAY' && <ComboBox {...hourOfDayProps} />}\n      {rhs.dateFunction === 'MONTHS_OF_YEAR' && (\n        <Select\n          {...valueComponentProps}\n          onChange={onMonthOfYearChange}\n          name='month-of-year-selector'\n        >\n          <Option> </Option>\n          {monthOfYearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'DAYS_OF_MONTH' && (\n        <NumberInput\n          {...valueComponentProps}\n          placeholder='1 - 31'\n          min={1}\n          max={31}\n          step={1}\n          showDecimal={false}\n          onChange={onDayOfMonthChange}\n        />\n      )}\n      {rhs.dateFunction === 'DAYS_OF_WEEK' && (\n        <DayOfWeekInput\n          {...valueComponentProps}\n          value={rhs.value as DayOfWeek}\n          onChange={onDayOfWeekChange}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DateFunctionMenu;\n"]}

package/lib/components/ConditionBuilder/RhsControls/FieldSelector.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, FormControlProps, NoChildrenProp } from '@pega/cosmos-react-core';
+import { BaseProps, ForwardProps, NoChildrenProp, ComboBoxProps } from '@pega/cosmos-react-core';
 import { Field } from '../ConditionBuilder.types';
 interface FieldSelectorProps extends BaseProps, NoChildrenProp {
     /** Current selection */
@@ -9,9 +9,11 @@ interface FieldSelectorProps extends BaseProps, NoChildrenProp {
     /** Metadata (data-model) for the Fields to use in the selector */
     fields: Field[];
     /** Status for the ComboBox */
-    status?: FormControlProps['status'];
+    status?: ComboBoxProps['status'];
     /** Info for the ComboBox */
-    info?: FormControlProps['info'];
+    info?: ComboBoxProps['info'];
+    /** Label for the ComboBox */
+    label?: ComboBoxProps['label'];
 }
 /** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */
 declare const FieldSelector: FunctionComponent<FieldSelectorProps & ForwardProps>;

package/lib/components/ConditionBuilder/RhsControls/FieldSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/FieldSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAE1E,OAAO,EAIL,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,cAAc,EAGf,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAiBlD,UAAU,kBAAmB,SAAQ,SAAS,EAAE,cAAc;IAC5D,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IAEd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,kEAAkE;IAClE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEpC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,+EAA+E;AAC/E,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CA0DvE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"FieldSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/FieldSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAE1E,OAAO,EAIL,SAAS,EACT,YAAY,EACZ,cAAc,EAGd,aAAa,EACd,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAiBlD,UAAU,kBAAmB,SAAQ,SAAS,EAAE,cAAc;IAC5D,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IAEd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,kEAAkE;IAClE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAE7B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,+EAA+E;AAC/E,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAyDvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/ConditionBuilder/RhsControls/FieldSelector.js

@@ -18,7 +18,7 @@ function getMenuItemsFromFields(fields, selection) {
 }
 /** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */
 const FieldSelector = (props) => {
-    const { value, onChange, fields, status, info } = props;
+    const { value, onChange, fields, status, info, label } = props;
     const t = useI18n();
     // Determine ComboBox menu items from the fields
     const items = useMemo(() => getMenuItemsFromFields(fields, value), [fields, value]);
@@ -40,7 +40,7 @@ const FieldSelector = (props) => {
             ? menuHelpers.flatten(items).filter(({ primary }) => filterRegex.test(primary))
             : items;
     }, [filterRegex, items]);
-    return (_jsx(ComboBox, { label: t('condition_builder_field_label'), labelHidden: true, status: status, info: info, placeholder: t('select_placeholder_default'), mode: 'single-select', value: filterValue, onChange: (ev) => {
+    return (_jsx(ComboBox, { label: label ?? t('condition_builder_field_label'), status: status, info: info, placeholder: t('select_placeholder_default'), mode: 'single-select', value: filterValue, onChange: (ev) => {
             setFilterValue(ev.target.value);
             if (!ev.target.value)
                 onChange('');

package/lib/components/ConditionBuilder/RhsControls/FieldSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/FieldSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent, FunctionComponent, useMemo, useState } from 'react';\n\nimport {\n  ComboBox,\n  MenuProps,\n  menuHelpers,\n  BaseProps,\n  ForwardProps,\n  FormControlProps,\n  NoChildrenProp,\n  hasProp,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport { Selected } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\n\nimport { Field } from '../ConditionBuilder.types';\n\n/** Convert input Fields to use as ComboBox options */\nfunction getMenuItemsFromFields(fields: Field[], selection: string): MenuProps['items'] {\n  return fields.map(field => {\n    const { id, primary } = field;\n    let childitems;\n    if (hasProp(field, 'items')) childitems = getMenuItemsFromFields(field.items, selection);\n    return {\n      id,\n      primary,\n      selected: childitems ? undefined : id === selection, // set Selected field to selection\n      items: childitems\n    };\n  });\n}\n\ninterface FieldSelectorProps extends BaseProps, NoChildrenProp {\n  /** Current selection */\n  value: string;\n\n  /** Change handler */\n  onChange: (selection: string) => void;\n\n  /** Metadata (data-model) for the Fields to use in the selector */\n  fields: Field[];\n\n  /** Status for the ComboBox */\n  status?: FormControlProps['status'];\n\n  /** Info for the ComboBox */\n  info?: FormControlProps['info'];\n}\n\n/** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */\nconst FieldSelector: FunctionComponent<FieldSelectorProps & ForwardProps> = (\n  props: FieldSelectorProps\n) => {\n  const { value, onChange, fields, status, info } = props;\n\n  const t = useI18n();\n\n  // Determine ComboBox menu items from the fields\n  const items = useMemo(() => getMenuItemsFromFields(fields, value), [fields, value]);\n  const selected: Selected | undefined = useMemo(() => {\n    const selectedItem = menuHelpers.getItem(items, value);\n    return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;\n  }, [items]);\n\n  // Set up autocomplete input\n  const [filterValue, setFilterValue] = useState<string>(''); // NOTE: `''` is needed to show the current selection\n  const filterRegex = useMemo(() => {\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n    // Literal string match from input, not user regex input.\n    return filterValue\n      ? new RegExp(filterValue.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'), 'i')\n      : undefined;\n  }, [filterValue]);\n\n  const filteredItems = useMemo(() => {\n    return filterRegex\n      ? menuHelpers.flatten(items).filter(({ primary }) => filterRegex.test(primary))\n      : items;\n  }, [filterRegex, items]);\n\n  return (\n    <ComboBox\n      label={t('condition_builder_field_label')}\n      labelHidden\n      status={status}\n      info={info}\n      placeholder={t('select_placeholder_default')}\n      mode='single-select'\n      value={filterValue}\n      onChange={(ev: ChangeEvent<HTMLInputElement>) => {\n        setFilterValue(ev.target.value);\n        if (!ev.target.value) onChange('');\n      }}\n      onBlur={() => {\n        setFilterValue('');\n      }}\n      selected={{ items: selected }}\n      menu={{\n        items: filteredItems,\n        mode: 'single-select',\n        accent: filterRegex,\n        onItemClick: id => {\n          onChange(id);\n          setFilterValue(''); // To show the selected value in the input\n        }\n      }}\n    />\n  );\n};\n\nexport default FieldSelector;\n"]}
+{"version":3,"file":"FieldSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/FieldSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent, FunctionComponent, useMemo, useState } from 'react';\n\nimport {\n  ComboBox,\n  MenuProps,\n  menuHelpers,\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  hasProp,\n  useI18n,\n  ComboBoxProps\n} from '@pega/cosmos-react-core';\nimport { Selected } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\n\nimport { Field } from '../ConditionBuilder.types';\n\n/** Convert input Fields to use as ComboBox options */\nfunction getMenuItemsFromFields(fields: Field[], selection: string): MenuProps['items'] {\n  return fields.map(field => {\n    const { id, primary } = field;\n    let childitems;\n    if (hasProp(field, 'items')) childitems = getMenuItemsFromFields(field.items, selection);\n    return {\n      id,\n      primary,\n      selected: childitems ? undefined : id === selection, // set Selected field to selection\n      items: childitems\n    };\n  });\n}\n\ninterface FieldSelectorProps extends BaseProps, NoChildrenProp {\n  /** Current selection */\n  value: string;\n\n  /** Change handler */\n  onChange: (selection: string) => void;\n\n  /** Metadata (data-model) for the Fields to use in the selector */\n  fields: Field[];\n\n  /** Status for the ComboBox */\n  status?: ComboBoxProps['status'];\n\n  /** Info for the ComboBox */\n  info?: ComboBoxProps['info'];\n\n  /** Label for the ComboBox */\n  label?: ComboBoxProps['label'];\n}\n\n/** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */\nconst FieldSelector: FunctionComponent<FieldSelectorProps & ForwardProps> = (\n  props: FieldSelectorProps\n) => {\n  const { value, onChange, fields, status, info, label } = props;\n\n  const t = useI18n();\n\n  // Determine ComboBox menu items from the fields\n  const items = useMemo(() => getMenuItemsFromFields(fields, value), [fields, value]);\n  const selected: Selected | undefined = useMemo(() => {\n    const selectedItem = menuHelpers.getItem(items, value);\n    return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;\n  }, [items]);\n\n  // Set up autocomplete input\n  const [filterValue, setFilterValue] = useState<string>(''); // NOTE: `''` is needed to show the current selection\n  const filterRegex = useMemo(() => {\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n    // Literal string match from input, not user regex input.\n    return filterValue\n      ? new RegExp(filterValue.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'), 'i')\n      : undefined;\n  }, [filterValue]);\n\n  const filteredItems = useMemo(() => {\n    return filterRegex\n      ? menuHelpers.flatten(items).filter(({ primary }) => filterRegex.test(primary))\n      : items;\n  }, [filterRegex, items]);\n\n  return (\n    <ComboBox\n      label={label ?? t('condition_builder_field_label')}\n      status={status}\n      info={info}\n      placeholder={t('select_placeholder_default')}\n      mode='single-select'\n      value={filterValue}\n      onChange={(ev: ChangeEvent<HTMLInputElement>) => {\n        setFilterValue(ev.target.value);\n        if (!ev.target.value) onChange('');\n      }}\n      onBlur={() => {\n        setFilterValue('');\n      }}\n      selected={{ items: selected }}\n      menu={{\n        items: filteredItems,\n        mode: 'single-select',\n        accent: filterRegex,\n        onItemClick: id => {\n          onChange(id);\n          setFilterValue(''); // To show the selected value in the input\n        }\n      }}\n    />\n  );\n};\n\nexport default FieldSelector;\n"]}

package/lib/components/ConditionBuilder/RhsControls/NumericInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/NumericInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEpD,OAAO,EACL,SAAS,EACT,cAAc,EAIf,MAAM,yBAAyB,CAAC;AAEjC,UAAU,iBAAkB,SAAQ,SAAS,EAAE,cAAc;IAC3D,4BAA4B;IAC5B,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAEhC,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEpD,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,4IAA4I;AAC5I,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA4BtD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"NumericInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/NumericInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEpD,OAAO,EACL,SAAS,EACT,cAAc,EAIf,MAAM,yBAAyB,CAAC;AAEjC,UAAU,iBAAkB,SAAQ,SAAS,EAAE,cAAc;IAC3D,4BAA4B;IAC5B,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAEhC,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEpD,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,4IAA4I;AAC5I,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA2BtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/ConditionBuilder/RhsControls/NumericInput.js

@@ -16,7 +16,7 @@ const NumericInput = (props) => {
         setLocalValue(newValue);
         onChange({ value: newValue.trim() ? Number(newValue) : '' }); // Save as a number unless the input is empty
     };
-    return (_jsx(NumberInput, { value: localValue, onChange: handleInputChange, status: status, info: status === 'error' ? t('condition_builder_invalid_number') : undefined, label: t('condition_builder_compare_with_numeric_value'), labelHidden: true }));
+    return (_jsx(NumberInput, { value: localValue, onChange: handleInputChange, status: status, info: status === 'error' ? t('condition_builder_invalid_number') : undefined, label: t('condition_builder_value_label') }));
 };
 export default NumericInput;
 //# sourceMappingURL=NumericInput.js.map

package/lib/components/ConditionBuilder/RhsControls/NumericInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/NumericInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAGL,WAAW,EACX,qBAAqB,EACrB,OAAO,EACR,MAAM,yBAAyB,CAAC;AAajC,4IAA4I;AAC5I,MAAM,YAAY,GAAyC,CAAC,KAAwB,EAAE,EAAE;IACtF,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,6DAA6D;IAC7D,2FAA2F;IAC3F,oCAAoC;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnE,qBAAqB,CAAC,GAAG,EAAE;QACzB,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhB,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6CAA6C;IAC7G,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5E,KAAK,EAAE,CAAC,CAAC,8CAA8C,CAAC,EACxD,WAAW,SACX,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { FunctionComponent, useState } from 'react';\n\nimport {\n  BaseProps,\n  NoChildrenProp,\n  NumberInput,\n  useAfterInitialEffect,\n  useI18n\n} from '@pega/cosmos-react-core';\n\ninterface NumericInputProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: { value: string | number };\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: { value: string | number }) => void;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** Wrapper over the NumberInput to parse values as Numbers, while still allowing the user to type partial values like `12.`, `12.0`, ... */\nconst NumericInput: FunctionComponent<NumericInputProps> = (props: NumericInputProps) => {\n  const { rhs, onChange, status } = props;\n  const t = useI18n();\n\n  // Since we want to always call onChange with parsed Numbers,\n  // if we parse values like `12.`, `12.0`, etc., the decimals will be lost leading to bad UX\n  // Using a local state to avoid that\n  const [localValue, setLocalValue] = useState(rhs.value.toString());\n\n  useAfterInitialEffect(() => {\n    setLocalValue(rhs.value.toString());\n  }, [rhs.value]);\n\n  const handleInputChange = (newValue: string) => {\n    setLocalValue(newValue);\n    onChange({ value: newValue.trim() ? Number(newValue) : '' }); // Save as a number unless the input is empty\n  };\n\n  return (\n    <NumberInput\n      value={localValue}\n      onChange={handleInputChange}\n      status={status}\n      info={status === 'error' ? t('condition_builder_invalid_number') : undefined}\n      label={t('condition_builder_compare_with_numeric_value')}\n      labelHidden\n    />\n  );\n};\n\nexport default NumericInput;\n"]}
+{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/NumericInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAGL,WAAW,EACX,qBAAqB,EACrB,OAAO,EACR,MAAM,yBAAyB,CAAC;AAajC,4IAA4I;AAC5I,MAAM,YAAY,GAAyC,CAAC,KAAwB,EAAE,EAAE;IACtF,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,6DAA6D;IAC7D,2FAA2F;IAC3F,oCAAoC;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnE,qBAAqB,CAAC,GAAG,EAAE;QACzB,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhB,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6CAA6C;IAC7G,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5E,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC,GACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { FunctionComponent, useState } from 'react';\n\nimport {\n  BaseProps,\n  NoChildrenProp,\n  NumberInput,\n  useAfterInitialEffect,\n  useI18n\n} from '@pega/cosmos-react-core';\n\ninterface NumericInputProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: { value: string | number };\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: { value: string | number }) => void;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** Wrapper over the NumberInput to parse values as Numbers, while still allowing the user to type partial values like `12.`, `12.0`, ... */\nconst NumericInput: FunctionComponent<NumericInputProps> = (props: NumericInputProps) => {\n  const { rhs, onChange, status } = props;\n  const t = useI18n();\n\n  // Since we want to always call onChange with parsed Numbers,\n  // if we parse values like `12.`, `12.0`, etc., the decimals will be lost leading to bad UX\n  // Using a local state to avoid that\n  const [localValue, setLocalValue] = useState(rhs.value.toString());\n\n  useAfterInitialEffect(() => {\n    setLocalValue(rhs.value.toString());\n  }, [rhs.value]);\n\n  const handleInputChange = (newValue: string) => {\n    setLocalValue(newValue);\n    onChange({ value: newValue.trim() ? Number(newValue) : '' }); // Save as a number unless the input is empty\n  };\n\n  return (\n    <NumberInput\n      value={localValue}\n      onChange={handleInputChange}\n      status={status}\n      info={status === 'error' ? t('condition_builder_invalid_number') : undefined}\n      label={t('condition_builder_value_label')}\n    />\n  );\n};\n\nexport default NumericInput;\n"]}

package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeDateMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,SAAS,EACT,YAAY,EAOZ,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAsC,SAAS,EAAE,MAAM,eAAe,CAAC;AAE9E,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,sEAAsE;IACtE,SAAS,EAAE,SAAS,CAAC;IAErB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CAqJ7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"RelativeDateMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,SAAS,EACT,YAAY,EAOZ,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAsC,SAAS,EAAE,MAAM,eAAe,CAAC;AAE9E,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,sEAAsE;IACtE,SAAS,EAAE,SAAS,CAAC;IAErB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CA+J7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// cspell:ignore words DDTHH
+// cspell:words DDTHH
 import { useMemo } from 'react';
 import { Flex, Select, Option, NumberInput, useI18n } from '@pega/cosmos-react-core';
 /** A menu with controls to select a Time period value on RHS */
@@ -9,15 +9,25 @@ const RelativeDateMenu = (props) => {
     const { relativeDate } = rhs;
     // Options for the Date Part selector
     const datePartOptions = useMemo(() => {
-        const allOptions = ['YEARS', 'QUARTERS', 'MONTHS', 'WEEKS', 'DAYS', 'HOURS'];
+        const allOptions = [
+            'YEARS',
+            'QUARTERS',
+            'MONTHS',
+            'WEEKS',
+            'DAYS',
+            'HOURS',
+            'MINUTES',
+            'SECONDS'
+        ];
         const datePartLabels = {
-            YEARS: t('condition_builder_relative_dates_year'),
-            QUARTERS: t('condition_builder_relative_dates_quarter'),
-            MONTHS: t('condition_builder_relative_dates_month'),
-            WEEKS: t('condition_builder_relative_dates_week'),
-            DAYS: t('condition_builder_relative_dates_day'),
-            HOURS: t('condition_builder_relative_dates_hour'),
-            MINUTES: t('condition_builder_relative_dates_minute')
+            YEARS: t('condition_builder_year'),
+            QUARTERS: t('condition_builder_quarter'),
+            MONTHS: t('condition_builder_month'),
+            WEEKS: t('condition_builder_week'),
+            DAYS: t('condition_builder_day'),
+            HOURS: t('condition_builder_hour'),
+            MINUTES: t('condition_builder_minute'),
+            SECONDS: t('condition_builder_second')
         };
         if (fieldType === 'DATE_TIME') {
             // TODO: Remove temporary hide MINUTES option
@@ -26,8 +36,8 @@ const RelativeDateMenu = (props) => {
                 label: datePartLabels[datePart]
             }));
         }
-        // Removes MINUTES and HOURS for DATE_ONLY fields
-        return allOptions.splice(0, allOptions.length - 1).map(datePart => ({
+        // Removes SECONDS, MINUTES and HOURS for DATE_ONLY fields
+        return allOptions.splice(0, allOptions.length - 3).map(datePart => ({
             id: datePart,
             label: datePartLabels[datePart]
         }));

package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeDateMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:ignore words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Flex,\n  Select,\n  Option,\n  NumberInput,\n  FormControlProps,\n  useI18n,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\n\nimport { RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { DateFunction, DatePart, TimePeriod, FieldType } from '../core/types';\n\nexport interface RelativeDateMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithRelativeDate;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithRelativeDate) => void;\n\n  /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n  fieldType: FieldType;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst RelativeDateMenu: FunctionComponent<RelativeDateMenuProps & ForwardProps> = (\n  props: RelativeDateMenuProps\n) => {\n  const { rhs, onChange, status, fieldType } = props;\n  const t = useI18n();\n\n  const { relativeDate } = rhs;\n\n  // Options for the Date Part selector\n  const datePartOptions = useMemo(() => {\n    const allOptions = ['YEARS', 'QUARTERS', 'MONTHS', 'WEEKS', 'DAYS', 'HOURS'];\n    const datePartLabels: Record<DatePart, string> = {\n      YEARS: t('condition_builder_relative_dates_year'),\n      QUARTERS: t('condition_builder_relative_dates_quarter'),\n      MONTHS: t('condition_builder_relative_dates_month'),\n      WEEKS: t('condition_builder_relative_dates_week'),\n      DAYS: t('condition_builder_relative_dates_day'),\n      HOURS: t('condition_builder_relative_dates_hour'),\n      MINUTES: t('condition_builder_relative_dates_minute')\n    };\n    if (fieldType === 'DATE_TIME') {\n      // TODO: Remove temporary hide MINUTES option\n      return allOptions.map(datePart => ({\n        id: datePart,\n        label: datePartLabels[datePart as DatePart]\n      }));\n    }\n    // Removes MINUTES and HOURS for DATE_ONLY fields\n    return allOptions.splice(0, allOptions.length - 1).map(datePart => ({\n      id: datePart,\n      label: datePartLabels[datePart as DatePart]\n    }));\n  }, [t, fieldType]);\n\n  // Options for the Date-function selector\n  const timePeriodOptions = useMemo(() => {\n    const allOptions = ['CURRENT', 'LAST', 'PREVIOUS', 'NEXT'];\n    const timePeriodLabels: Record<TimePeriod, string> = {\n      CURRENT: t('condition_builder_time_period_current'),\n      LAST: t('condition_builder_time_period_last'),\n      PREVIOUS: t('condition_builder_time_period_previous'),\n      NEXT: t('condition_builder_time_period_next')\n    };\n    return allOptions.map(timePeriod => ({\n      id: timePeriod,\n      label: timePeriodLabels[timePeriod as TimePeriod]\n    }));\n  }, [t]);\n\n  const handleTimePeriodChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value;\n    if (selection === 'CURRENT') {\n      onChange({\n        relativeDate: {\n          timePeriod: selection as TimePeriod,\n          datePart: relativeDate.datePart\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          timePeriod: selection as TimePeriod,\n          interval: relativeDate.interval ?? undefined\n        }\n      });\n    }\n  };\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({\n      relativeDate: {\n        ...relativeDate,\n        datePart: selection as DatePart\n      }\n    });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: relativeDate.interval?.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  const handleIntervalChange = (value: string) => {\n    let newValue: number;\n    if (value !== '' && !Number.isNaN(Number(value))) {\n      newValue = Number(value);\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: newValue\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: undefined\n        }\n      });\n    }\n  };\n\n  return (\n    <>\n      <Select\n        label={t('condition_builder_time_period_label')}\n        value={rhs.relativeDate.timePeriod}\n        onChange={handleTimePeriodChange}\n      >\n        {timePeriodOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n      <Flex container={{ direction: 'row', colGap: 1 }}>\n        {relativeDate.timePeriod !== 'CURRENT' && (\n          <Flex item={{ basis: '30%' }}>\n            <NumberInput\n              {...valueComponentProps}\n              min={1}\n              step={1}\n              showDecimal={false}\n              onChange={handleIntervalChange}\n            />\n          </Flex>\n        )}\n        <Flex item={{ basis: relativeDate.timePeriod !== 'CURRENT' ? '70%' : '100%' }}>\n          <Select\n            label={t('condition_builder_date_part')}\n            value={relativeDate.datePart}\n            onChange={handleDatePartChange}\n          >\n            {datePartOptions.map(o => (\n              <Option key={o.id} value={o.id}>\n                {o.label}\n              </Option>\n            ))}\n          </Select>\n        </Flex>\n      </Flex>\n    </>\n  );\n};\n\nexport default RelativeDateMenu;\n"]}
+{"version":3,"file":"RelativeDateMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Flex,\n  Select,\n  Option,\n  NumberInput,\n  FormControlProps,\n  useI18n,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\n\nimport { RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { DateFunction, DatePart, TimePeriod, FieldType } from '../core/types';\n\nexport interface RelativeDateMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithRelativeDate;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithRelativeDate) => void;\n\n  /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n  fieldType: FieldType;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst RelativeDateMenu: FunctionComponent<RelativeDateMenuProps & ForwardProps> = (\n  props: RelativeDateMenuProps\n) => {\n  const { rhs, onChange, status, fieldType } = props;\n  const t = useI18n();\n\n  const { relativeDate } = rhs;\n\n  // Options for the Date Part selector\n  const datePartOptions = useMemo(() => {\n    const allOptions = [\n      'YEARS',\n      'QUARTERS',\n      'MONTHS',\n      'WEEKS',\n      'DAYS',\n      'HOURS',\n      'MINUTES',\n      'SECONDS'\n    ];\n    const datePartLabels: Record<DatePart, string> = {\n      YEARS: t('condition_builder_year'),\n      QUARTERS: t('condition_builder_quarter'),\n      MONTHS: t('condition_builder_month'),\n      WEEKS: t('condition_builder_week'),\n      DAYS: t('condition_builder_day'),\n      HOURS: t('condition_builder_hour'),\n      MINUTES: t('condition_builder_minute'),\n      SECONDS: t('condition_builder_second')\n    };\n    if (fieldType === 'DATE_TIME') {\n      // TODO: Remove temporary hide MINUTES option\n      return allOptions.map(datePart => ({\n        id: datePart,\n        label: datePartLabels[datePart as DatePart]\n      }));\n    }\n    // Removes SECONDS, MINUTES and HOURS for DATE_ONLY fields\n    return allOptions.splice(0, allOptions.length - 3).map(datePart => ({\n      id: datePart,\n      label: datePartLabels[datePart as DatePart]\n    }));\n  }, [t, fieldType]);\n\n  // Options for the Date-function selector\n  const timePeriodOptions = useMemo(() => {\n    const allOptions = ['CURRENT', 'LAST', 'PREVIOUS', 'NEXT'];\n    const timePeriodLabels: Record<TimePeriod, string> = {\n      CURRENT: t('condition_builder_time_period_current'),\n      LAST: t('condition_builder_time_period_last'),\n      PREVIOUS: t('condition_builder_time_period_previous'),\n      NEXT: t('condition_builder_time_period_next')\n    };\n    return allOptions.map(timePeriod => ({\n      id: timePeriod,\n      label: timePeriodLabels[timePeriod as TimePeriod]\n    }));\n  }, [t]);\n\n  const handleTimePeriodChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value;\n    if (selection === 'CURRENT') {\n      onChange({\n        relativeDate: {\n          timePeriod: selection as TimePeriod,\n          datePart: relativeDate.datePart\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          timePeriod: selection as TimePeriod,\n          interval: relativeDate.interval ?? undefined\n        }\n      });\n    }\n  };\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({\n      relativeDate: {\n        ...relativeDate,\n        datePart: selection as DatePart\n      }\n    });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: relativeDate.interval?.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  const handleIntervalChange = (value: string) => {\n    let newValue: number;\n    if (value !== '' && !Number.isNaN(Number(value))) {\n      newValue = Number(value);\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: newValue\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: undefined\n        }\n      });\n    }\n  };\n\n  return (\n    <>\n      <Select\n        label={t('condition_builder_time_period_label')}\n        value={rhs.relativeDate.timePeriod}\n        onChange={handleTimePeriodChange}\n      >\n        {timePeriodOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n      <Flex container={{ direction: 'row', colGap: 1 }}>\n        {relativeDate.timePeriod !== 'CURRENT' && (\n          <Flex item={{ basis: '30%' }}>\n            <NumberInput\n              {...valueComponentProps}\n              min={1}\n              step={1}\n              showDecimal={false}\n              onChange={handleIntervalChange}\n            />\n          </Flex>\n        )}\n        <Flex item={{ basis: relativeDate.timePeriod !== 'CURRENT' ? '70%' : '100%' }}>\n          <Select\n            label={t('condition_builder_date_part')}\n            value={relativeDate.datePart}\n            onChange={handleDatePartChange}\n          >\n            {datePartOptions.map(o => (\n              <Option key={o.id} value={o.id}>\n                {o.label}\n              </Option>\n            ))}\n          </Select>\n        </Flex>\n      </Flex>\n    </>\n  );\n};\n\nexport default RelativeDateMenu;\n"]}

package/lib/components/ConditionBuilder/RhsControls/RhsModeSwitch.js

@@ -148,9 +148,9 @@ const RhsModeSwitch = ({ parameters, fieldType, comparator, rhs, onChange, mode,
     if (menu.items.length < 2)
         return null;
     if (mode === 'combo-box') {
-        return (_jsx(ComboBox, { label: t('condition_builder_compare_with'), labelHidden: true, mode: 'single-select', selected: { items: selected }, menu: menu }));
+        return (_jsx(ComboBox, { label: t('condition_builder_compare_with'), mode: 'single-select', selected: { items: selected }, menu: menu }));
     }
-    return (_jsx(MenuButton, { text: t('condition_builder_compare_with'), icon: 'gear', iconOnly: true, variant: 'simple', menu: menu }));
+    return (_jsx(MenuButton, { text: t('condition_builder_compare_with'), "aria-label": selected ? t('condition_builder_compare_with', [selected.text]) : undefined, icon: 'gear', iconOnly: true, variant: 'simple', menu: menu }));
 };
 export default RhsModeSwitch;
 //# sourceMappingURL=RhsModeSwitch.js.map