@hitachivantara/uikit-react-lab 5.35.11 → 5.35.12

package/dist/esm/Blades/Blades.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blades.js","sources":["../../../src/Blades/Blades.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport {\n  ExtractNames,\n  HvBaseProps,\n  useControlled,\n  useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./Blades.styles\";\n\nexport { staticClasses as bladesClasses };\n\nexport type HvBladesClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBladesProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"children\"> {\n  /**\n   * Array of indices representing the expanded state of each blade.\n   *\n   * When defined, the expanded state of the blades becomes controlled.\n   */\n  expanded?: number[];\n  /**\n   * Initial expanded state of the blades when in an uncontrolled state.\n   *\n   * It's an array of indices representing the blades that should be initially expanded.\n   */\n  defaultExpanded?: number[];\n\n  /**\n   * If true, ensures that only one blade can be expanded at a time.\n   */\n  atMostOneExpanded?: boolean;\n  /**\n   * If true, ensures that at least one blade is always expanded.\n   */\n  atLeastOneExpanded?: boolean;\n\n  /**\n   * If true, the blades will take up the full width of the container by default.\n   */\n  fullWidthBlades?: boolean;\n\n  /**\n   * Callback function triggered when the expanded state of any blade changes.\n   * It receives the event and the new array of expanded indices as arguments.\n   *\n   * If uncontrolled, this new state will be effective.\n   * If controlled, it is up to the parent component to manage this state.\n   *\n   * @param {SyntheticEvent} event The event source of the callback.\n   * @param {number[]} value Array of indices of the blades that are expanded.\n   */\n  onChange?: (event: SyntheticEvent, value: number[]) => void;\n\n  /**\n   * The blades to be rendered within the group.\n   * Must be instances of `HvBlade`, otherwise the behavior is undefined and will most likely break.\n   */\n  children: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBladesClasses;\n}\n\nfunction getExpandedBlades(\n  defaultExpanded: number[] | undefined,\n  children: React.ReactNode,\n  atMostOneExpanded: boolean,\n  atLeastOneExpanded: boolean,\n) {\n  const childrenArray = Children.toArray(children);\n  const expandedBlades =\n    defaultExpanded ??\n    childrenArray\n      .map((child: any, i: number) => {\n        const childIsControlled = child?.props?.expanded !== undefined;\n        const childIsExpanded = childIsControlled\n          ? child?.props?.expanded\n          : child?.props?.defaultExpanded;\n\n        return childIsExpanded ? i : undefined;\n      })\n      .filter((v) => v !== undefined);\n\n  const numberOfExpandedBlades = expandedBlades.length;\n  if (\n    atLeastOneExpanded &&\n    numberOfExpandedBlades === 0 &&\n    childrenArray.length > 0\n  ) {\n    return [0];\n  }\n  if (atMostOneExpanded && numberOfExpandedBlades > 1) {\n    return [expandedBlades[0]];\n  }\n\n  return expandedBlades;\n}\n\n/**\n * `HvBlades` is a component that groups multiple `HvBlade` components.\n *\n * It allows for better control over the expanded state of blades, suitable for both\n * controlled and uncontrolled scenarios.\n */\nexport const HvBlades = (props: HvBladesProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    expanded: expandedProp,\n    defaultExpanded,\n    atMostOneExpanded = false,\n    atLeastOneExpanded = false,\n    fullWidthBlades = false,\n    onChange,\n    ...others\n  } = useDefaultProps(\"HvBlades\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [expanded, setExpanded] = useControlled(expandedProp, () =>\n    getExpandedBlades(\n      defaultExpanded,\n      children,\n      atMostOneExpanded,\n      atLeastOneExpanded,\n    ),\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnChange: (event: SyntheticEvent, isExpanded: boolean) => void,\n      event: SyntheticEvent,\n      isExpanded: boolean,\n    ) => {\n      const newValue: number[] = [];\n      if (atMostOneExpanded) {\n        if (isExpanded) {\n          newValue.push(index);\n        }\n      } else {\n        newValue.push(...expanded);\n        if (isExpanded) {\n          newValue.push(index);\n        } else {\n          newValue.splice(newValue.indexOf(index), 1);\n        }\n      }\n\n      if (atLeastOneExpanded && newValue.length === 0) {\n        newValue.push(index);\n      }\n\n      childOnChange?.(event, isExpanded);\n\n      onChange?.(event, newValue);\n\n      // This will only run if uncontrolled\n      setExpanded(newValue);\n    },\n    [onChange, expanded, setExpanded, atMostOneExpanded, atLeastOneExpanded],\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any, i: number) => {\n      const childIsExpanded = expanded.includes(i);\n\n      return cloneElement(child, {\n        expanded: childIsExpanded,\n        fullWidth: child?.props?.fullWidth ?? fullWidthBlades,\n        buttonProps: {\n          ...child?.props?.buttonProps,\n          \"aria-disabled\":\n            // If the accordion panel associated with an accordion header is visible,\n            // and if the accordion does not permit the panel to be collapsed, the header\n            // button element has aria-disabled set to true.\n            child?.props?.disabled ||\n            (childIsExpanded && atMostOneExpanded && expanded.length === 1)\n              ? true\n              : undefined,\n        },\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isExpanded: boolean,\n        ) =>\n          onChildChangeInterceptor(\n            i,\n            child?.props?.onChange,\n            event,\n            isExpanded,\n          ),\n      });\n    });\n  }, [\n    children,\n    expanded,\n    fullWidthBlades,\n    atMostOneExpanded,\n    onChildChangeInterceptor,\n  ]);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      {modifiedChildren}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAwEA,SAAS,kBACP,iBACA,UACA,mBACA,oBACA;AACM,QAAA,gBAAgB,SAAS,QAAQ,QAAQ;AAC/C,QAAM,iBACJ,mBACA,cACG,IAAI,CAAC,OAAY,MAAc;AACxB,UAAA,oBAAoB,OAAO,OAAO,aAAa;AACrD,UAAM,kBAAkB,oBACpB,OAAO,OAAO,WACd,OAAO,OAAO;AAElB,WAAO,kBAAkB,IAAI;AAAA,EAAA,CAC9B,EACA,OAAO,CAAC,MAAM,MAAM,MAAS;AAElC,QAAM,yBAAyB,eAAe;AAC9C,MACE,sBACA,2BAA2B,KAC3B,cAAc,SAAS,GACvB;AACA,WAAO,CAAC,CAAC;AAAA,EACX;AACI,MAAA,qBAAqB,yBAAyB,GAAG;AAC5C,WAAA,CAAC,eAAe,CAAC,CAAC;AAAA,EAC3B;AAEO,SAAA;AACT;AAQa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,YAAY,KAAK;AAErC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,QAAA,CAAC,UAAU,WAAW,IAAI;AAAA,IAAc;AAAA,IAAc,MAC1D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,2BAA2B;AAAA,IAC/B,CACE,OACA,eACA,OACA,eACG;AACH,YAAM,WAAqB,CAAA;AAC3B,UAAI,mBAAmB;AACrB,YAAI,YAAY;AACd,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MAAA,OACK;AACI,iBAAA,KAAK,GAAG,QAAQ;AACzB,YAAI,YAAY;AACd,mBAAS,KAAK,KAAK;AAAA,QAAA,OACd;AACL,mBAAS,OAAO,SAAS,QAAQ,KAAK,GAAG,CAAC;AAAA,QAC5C;AAAA,MACF;AAEI,UAAA,sBAAsB,SAAS,WAAW,GAAG;AAC/C,iBAAS,KAAK,KAAK;AAAA,MACrB;AAEA,sBAAgB,OAAO,UAAU;AAEjC,iBAAW,OAAO,QAAQ;AAG1B,kBAAY,QAAQ;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,UAAU,aAAa,mBAAmB,kBAAkB;AAAA,EAAA;AAGnE,QAAA,mBAAmB,QAAQ,MAAM;AACrC,WAAO,SAAS,IAAI,UAAU,CAAC,OAAY,MAAc;AACjD,YAAA,kBAAkB,SAAS,SAAS,CAAC;AAE3C,aAAO,aAAa,OAAO;AAAA,QACzB,UAAU;AAAA,QACV,WAAW,OAAO,OAAO,aAAa;AAAA,QACtC,aAAa;AAAA,UACX,GAAG,OAAO,OAAO;AAAA,UACjB;AAAA;AAAA;AAAA;AAAA,YAIE,OAAO,OAAO,YACb,mBAAmB,qBAAqB,SAAS,WAAW,IACzD,OACA;AAAA;AAAA,QACR;AAAA,QACA,UAAU,CACR,OACA,eAEA;AAAA,UACE;AAAA,UACA,OAAO,OAAO;AAAA,UACd;AAAA,UACA;AAAA,QACF;AAAA,MAAA,CACH;AAAA,IAAA,CACF;AAAA,EAAA,GACA;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAA,oBAAC,OAAI,EAAA,IAAQ,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACtD,UACH,iBAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Blades.js","sources":["../../../src/Blades/Blades.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport {\n  ExtractNames,\n  HvBaseProps,\n  useControlled,\n  useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./Blades.styles\";\n\nexport { staticClasses as bladesClasses };\n\nexport type HvBladesClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBladesProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"children\"> {\n  /**\n   * Array of indices representing the expanded state of each blade.\n   *\n   * When defined, the expanded state of the blades becomes controlled.\n   */\n  expanded?: number[];\n  /**\n   * Initial expanded state of the blades when in an uncontrolled state.\n   *\n   * It's an array of indices representing the blades that should be initially expanded.\n   */\n  defaultExpanded?: number[];\n\n  /**\n   * If true, ensures that only one blade can be expanded at a time.\n   */\n  atMostOneExpanded?: boolean;\n  /**\n   * If true, ensures that at least one blade is always expanded.\n   */\n  atLeastOneExpanded?: boolean;\n\n  /**\n   * If true, the blades will take up the full width of the container by default.\n   */\n  fullWidthBlades?: boolean;\n\n  /**\n   * Callback function triggered when the expanded state of any blade changes.\n   * It receives the event and the new array of expanded indices as arguments.\n   *\n   * If uncontrolled, this new state will be effective.\n   * If controlled, it is up to the parent component to manage this state.\n   *\n   * @param {SyntheticEvent} event The event source of the callback.\n   * @param {number[]} value Array of indices of the blades that are expanded.\n   */\n  onChange?: (event: SyntheticEvent, value: number[]) => void;\n\n  /**\n   * The blades to be rendered within the group.\n   * Must be instances of `HvBlade`, otherwise the behavior is undefined and will most likely break.\n   */\n  children: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBladesClasses;\n}\n\nfunction getExpandedBlades(\n  defaultExpanded: number[] | undefined,\n  children: React.ReactNode,\n  atMostOneExpanded: boolean,\n  atLeastOneExpanded: boolean,\n) {\n  const childrenArray = Children.toArray(children);\n  const expandedBlades =\n    defaultExpanded ??\n    childrenArray\n      .map((child: any, i: number) => {\n        const childIsControlled = child?.props?.expanded !== undefined;\n        const childIsExpanded = childIsControlled\n          ? child?.props?.expanded\n          : child?.props?.defaultExpanded;\n\n        return childIsExpanded ? i : undefined;\n      })\n      .filter((v) => v !== undefined);\n\n  const numberOfExpandedBlades = expandedBlades.length;\n  if (\n    atLeastOneExpanded &&\n    numberOfExpandedBlades === 0 &&\n    childrenArray.length > 0\n  ) {\n    return [0];\n  }\n  if (atMostOneExpanded && numberOfExpandedBlades > 1) {\n    return [expandedBlades[0]];\n  }\n\n  return expandedBlades;\n}\n\n/**\n * `HvBlades` is a component that groups multiple `HvBlade` components.\n *\n * It allows for better control over the expanded state of blades, suitable for both\n * controlled and uncontrolled scenarios.\n */\nexport const HvBlades = (props: HvBladesProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    expanded: expandedProp,\n    defaultExpanded,\n    atMostOneExpanded = false,\n    atLeastOneExpanded = false,\n    fullWidthBlades = false,\n    onChange,\n    ...others\n  } = useDefaultProps(\"HvBlades\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [expanded, setExpanded] = useControlled(expandedProp, () =>\n    getExpandedBlades(\n      defaultExpanded,\n      children,\n      atMostOneExpanded,\n      atLeastOneExpanded,\n    ),\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnChange: (event: SyntheticEvent, isExpanded: boolean) => void,\n      event: SyntheticEvent,\n      isExpanded: boolean,\n    ) => {\n      const newValue: number[] = [];\n      if (atMostOneExpanded) {\n        if (isExpanded) {\n          newValue.push(index);\n        }\n      } else {\n        newValue.push(...(expanded as number[]));\n        if (isExpanded) {\n          newValue.push(index);\n        } else {\n          newValue.splice(newValue.indexOf(index), 1);\n        }\n      }\n\n      if (atLeastOneExpanded && newValue.length === 0) {\n        newValue.push(index);\n      }\n\n      childOnChange?.(event, isExpanded);\n\n      onChange?.(event, newValue);\n\n      // This will only run if uncontrolled\n      setExpanded(newValue);\n    },\n    [onChange, expanded, setExpanded, atMostOneExpanded, atLeastOneExpanded],\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any, i: number) => {\n      const childIsExpanded = expanded.includes(i);\n\n      return cloneElement(child, {\n        expanded: childIsExpanded,\n        fullWidth: child?.props?.fullWidth ?? fullWidthBlades,\n        buttonProps: {\n          ...child?.props?.buttonProps,\n          \"aria-disabled\":\n            // If the accordion panel associated with an accordion header is visible,\n            // and if the accordion does not permit the panel to be collapsed, the header\n            // button element has aria-disabled set to true.\n            child?.props?.disabled ||\n            (childIsExpanded && atMostOneExpanded && expanded.length === 1)\n              ? true\n              : undefined,\n        },\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isExpanded: boolean,\n        ) =>\n          onChildChangeInterceptor(\n            i,\n            child?.props?.onChange,\n            event,\n            isExpanded,\n          ),\n      });\n    });\n  }, [\n    children,\n    expanded,\n    fullWidthBlades,\n    atMostOneExpanded,\n    onChildChangeInterceptor,\n  ]);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      {modifiedChildren}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAwEA,SAAS,kBACP,iBACA,UACA,mBACA,oBACA;AACM,QAAA,gBAAgB,SAAS,QAAQ,QAAQ;AAC/C,QAAM,iBACJ,mBACA,cACG,IAAI,CAAC,OAAY,MAAc;AACxB,UAAA,oBAAoB,OAAO,OAAO,aAAa;AACrD,UAAM,kBAAkB,oBACpB,OAAO,OAAO,WACd,OAAO,OAAO;AAElB,WAAO,kBAAkB,IAAI;AAAA,EAAA,CAC9B,EACA,OAAO,CAAC,MAAM,MAAM,MAAS;AAElC,QAAM,yBAAyB,eAAe;AAC9C,MACE,sBACA,2BAA2B,KAC3B,cAAc,SAAS,GACvB;AACA,WAAO,CAAC,CAAC;AAAA,EACX;AACI,MAAA,qBAAqB,yBAAyB,GAAG;AAC5C,WAAA,CAAC,eAAe,CAAC,CAAC;AAAA,EAC3B;AAEO,SAAA;AACT;AAQa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,YAAY,KAAK;AAErC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,QAAA,CAAC,UAAU,WAAW,IAAI;AAAA,IAAc;AAAA,IAAc,MAC1D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,2BAA2B;AAAA,IAC/B,CACE,OACA,eACA,OACA,eACG;AACH,YAAM,WAAqB,CAAA;AAC3B,UAAI,mBAAmB;AACrB,YAAI,YAAY;AACd,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MAAA,OACK;AACI,iBAAA,KAAK,GAAI,QAAqB;AACvC,YAAI,YAAY;AACd,mBAAS,KAAK,KAAK;AAAA,QAAA,OACd;AACL,mBAAS,OAAO,SAAS,QAAQ,KAAK,GAAG,CAAC;AAAA,QAC5C;AAAA,MACF;AAEI,UAAA,sBAAsB,SAAS,WAAW,GAAG;AAC/C,iBAAS,KAAK,KAAK;AAAA,MACrB;AAEA,sBAAgB,OAAO,UAAU;AAEjC,iBAAW,OAAO,QAAQ;AAG1B,kBAAY,QAAQ;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,UAAU,aAAa,mBAAmB,kBAAkB;AAAA,EAAA;AAGnE,QAAA,mBAAmB,QAAQ,MAAM;AACrC,WAAO,SAAS,IAAI,UAAU,CAAC,OAAY,MAAc;AACjD,YAAA,kBAAkB,SAAS,SAAS,CAAC;AAE3C,aAAO,aAAa,OAAO;AAAA,QACzB,UAAU;AAAA,QACV,WAAW,OAAO,OAAO,aAAa;AAAA,QACtC,aAAa;AAAA,UACX,GAAG,OAAO,OAAO;AAAA,UACjB;AAAA;AAAA;AAAA;AAAA,YAIE,OAAO,OAAO,YACb,mBAAmB,qBAAqB,SAAS,WAAW,IACzD,OACA;AAAA;AAAA,QACR;AAAA,QACA,UAAU,CACR,OACA,eAEA;AAAA,UACE;AAAA,UACA,OAAO,OAAO;AAAA,UACd;AAAA,UACA;AAAA,QACF;AAAA,MAAA,CACH;AAAA,IAAA,CACF;AAAA,EAAA,GACA;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAA,oBAAC,OAAI,EAAA,IAAQ,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACtD,UACH,iBAAA,CAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "5.35.11",
+  "version": "5.35.12",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Contributed React components for the NEXT UI Kit.",
@@ -32,9 +32,9 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^6.0.1",
     "@emotion/css": "^11.11.0",
-    "@hitachivantara/uikit-react-core": "^5.66.6",
-    "@hitachivantara/uikit-react-icons": "^5.10.0",
-    "@hitachivantara/uikit-styles": "^5.30.1",
+    "@hitachivantara/uikit-react-core": "^5.66.7",
+    "@hitachivantara/uikit-react-icons": "^5.10.1",
+    "@hitachivantara/uikit-styles": "^5.30.2",
     "@types/react-grid-layout": "^1.3.5",
     "react-grid-layout": "^1.4.4",
     "reactflow": "^11.10.1",
@@ -49,7 +49,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "60ed3017acf5d32f06164fe156085912c42903a8",
+  "gitHead": "11530a2085047d3945741818389975cfc7a0a33b",
   "exports": {
     ".": {
       "require": "./dist/cjs/index.cjs",