@cloudscape-design/components 3.0.360 → 3.0.362

package/code-editor/resizable-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["code-editor/resizable-box/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAkB;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,WAAW,GAA4B,KAAK,CAAC,EAAE;QACnD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC/C,OAAO;SACR;QACD,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAC5E,aAAa,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAChD,OAAO;SACR;QACD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAClD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;YAC7B,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,UAAU,GAAG,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC;QACF,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACnD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE;QAC1E,QAAQ;QACT,8BAAM,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,CACzE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport styles from './styles.css.js';\n\nexport interface ResizeBoxProps {\n  children: React.ReactNode;\n  height: number;\n  minHeight: number;\n  onResize: (newHeight: number) => void;\n}\n\nexport function ResizableBox({ children, height, minHeight, onResize }: ResizeBoxProps) {\n  const [dragOffset, setDragOffset] = useState<null | number>(null);\n  const onResizeStable = useStableEventHandler(onResize);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const onMouseDown: React.MouseEventHandler = event => {\n    if (event.button !== 0 || !containerRef.current) {\n      return;\n    }\n    const containerBottom = containerRef.current.getBoundingClientRect().bottom;\n    setDragOffset(containerBottom - event.clientY);\n  };\n\n  useEffect(() => {\n    if (dragOffset === null || !containerRef.current) {\n      return;\n    }\n    const container = containerRef.current;\n\n    const onMouseMove = (event: MouseEvent) => {\n      const { top } = container.getBoundingClientRect();\n      const cursor = event.clientY;\n      onResizeStable(Math.max(cursor + dragOffset - top, minHeight));\n    };\n    const onMouseUp = () => {\n      setDragOffset(null);\n    };\n    document.body.classList.add(styles['resize-active']);\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n      document.body.classList.remove(styles['resize-active']);\n    };\n  }, [dragOffset, minHeight, onResizeStable]);\n\n  return (\n    <div ref={containerRef} className={styles['resizable-box']} style={{ height }}>\n      {children}\n      <span className={styles['resizable-box-handle']} onMouseDown={onMouseDown} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["code-editor/resizable-box/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AASlF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAkB;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,WAAW,GAA4B,KAAK,CAAC,EAAE;QACnD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC/C,OAAO;SACR;QACD,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAC5E,aAAa,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAChD,OAAO;SACR;QACD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAClD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;YAC7B,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,UAAU,GAAG,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC;QACF,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACnD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE;QAC1E,QAAQ;QACT,8BAAM,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,CACzE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface ResizeBoxProps {\n  children: React.ReactNode;\n  height: number;\n  minHeight: number;\n  onResize: (newHeight: number) => void;\n}\n\nexport function ResizableBox({ children, height, minHeight, onResize }: ResizeBoxProps) {\n  const [dragOffset, setDragOffset] = useState<null | number>(null);\n  const onResizeStable = useStableCallback(onResize);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const onMouseDown: React.MouseEventHandler = event => {\n    if (event.button !== 0 || !containerRef.current) {\n      return;\n    }\n    const containerBottom = containerRef.current.getBoundingClientRect().bottom;\n    setDragOffset(containerBottom - event.clientY);\n  };\n\n  useEffect(() => {\n    if (dragOffset === null || !containerRef.current) {\n      return;\n    }\n    const container = containerRef.current;\n\n    const onMouseMove = (event: MouseEvent) => {\n      const { top } = container.getBoundingClientRect();\n      const cursor = event.clientY;\n      onResizeStable(Math.max(cursor + dragOffset - top, minHeight));\n    };\n    const onMouseUp = () => {\n      setDragOffset(null);\n    };\n    document.body.classList.add(styles['resize-active']);\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n      document.body.classList.remove(styles['resize-active']);\n    };\n  }, [dragOffset, minHeight, onResizeStable]);\n\n  return (\n    <div ref={containerRef} className={styles['resizable-box']} style={{ height }}>\n      {children}\n      <span className={styles['resizable-box-handle']} onMouseDown={onMouseDown} />\n    </div>\n  );\n}\n"]}

package/code-editor/styles.css.js

@@ -1,37 +1,37 @@
 
     import './styles.scoped.css';
     export default {
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1qtd9_98",
-  "code-editor": "awsui_code-editor_1gl9c_1qtd9_98",
-  "pane": "awsui_pane_1gl9c_1qtd9_438",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_1qtd9_449",
-  "pane__list": "awsui_pane__list_1gl9c_1qtd9_454",
-  "pane__table": "awsui_pane__table_1gl9c_1qtd9_461",
-  "pane__item": "awsui_pane__item_1gl9c_1qtd9_466",
-  "pane__cell": "awsui_pane__cell_1gl9c_1qtd9_466",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1qtd9_480",
-  "pane__location": "awsui_pane__location_1gl9c_1qtd9_501",
-  "pane__description": "awsui_pane__description_1gl9c_1qtd9_501",
-  "focus-lock": "awsui_focus-lock_1gl9c_1qtd9_516",
-  "editor": "awsui_editor_1gl9c_1qtd9_541",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_1qtd9_569",
-  "status-bar": "awsui_status-bar_1gl9c_1qtd9_574",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1qtd9_583",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_1qtd9_587",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1qtd9_594",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_1qtd9_598",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1qtd9_602",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1qtd9_602",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1qtd9_607",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1qtd9_611",
-  "tab-button": "awsui_tab-button_1gl9c_1qtd9_617",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1qtd9_645",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1qtd9_648",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_1qtd9_657",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1qtd9_673",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1qtd9_703",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1qtd9_710",
-  "loading-screen": "awsui_loading-screen_1gl9c_1qtd9_714",
-  "error-screen": "awsui_error-screen_1gl9c_1qtd9_715"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_37zu7_98",
+  "code-editor": "awsui_code-editor_1gl9c_37zu7_98",
+  "pane": "awsui_pane_1gl9c_37zu7_438",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_37zu7_449",
+  "pane__list": "awsui_pane__list_1gl9c_37zu7_454",
+  "pane__table": "awsui_pane__table_1gl9c_37zu7_461",
+  "pane__item": "awsui_pane__item_1gl9c_37zu7_466",
+  "pane__cell": "awsui_pane__cell_1gl9c_37zu7_466",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_37zu7_480",
+  "pane__location": "awsui_pane__location_1gl9c_37zu7_501",
+  "pane__description": "awsui_pane__description_1gl9c_37zu7_501",
+  "focus-lock": "awsui_focus-lock_1gl9c_37zu7_516",
+  "editor": "awsui_editor_1gl9c_37zu7_541",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_37zu7_569",
+  "status-bar": "awsui_status-bar_1gl9c_37zu7_574",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_37zu7_583",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_37zu7_587",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_37zu7_594",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_37zu7_598",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_37zu7_602",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_37zu7_602",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_37zu7_607",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_37zu7_611",
+  "tab-button": "awsui_tab-button_1gl9c_37zu7_617",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_37zu7_645",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_37zu7_648",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_37zu7_657",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_37zu7_673",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_37zu7_703",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_37zu7_710",
+  "loading-screen": "awsui_loading-screen_1gl9c_37zu7_714",
+  "error-screen": "awsui_error-screen_1gl9c_37zu7_715"
 };