diff --git a/1027.bff366b2.iframe.bundle.js b/1027.bff366b2.iframe.bundle.js deleted file mode 100644 index e0f6d38b2..000000000 --- a/1027.bff366b2.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkcharcoal_ui=self.webpackChunkcharcoal_ui||[]).push([[1027],{"./packages/react/src/components/Button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>components_Button});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),_lib=__webpack_require__("./packages/react/src/_lib/index.ts");function variantToFont(variant){switch(variant){case"Overlay":case"Primary":case"Navigation":case"Danger":return"text5";case"Default":return"text2";default:return(0,_lib.t1)(variant)}}function variantToBackground(variant){switch(variant){case"Overlay":return"surface4";case"Default":return"surface3";case"Primary":return"brand";case"Navigation":return"surface6";case"Danger":return"assertive";default:return(0,_lib.t1)(variant)}}var styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),Clickable=__webpack_require__("./packages/react/src/components/Clickable/index.tsx"),index_esm=__webpack_require__("./packages/styled/dist/index.esm.js");function _tagged_template_literal(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n padding-right: 16px;\n padding-left: 16px;\n"]);return _templateObject=function _templateObject(){return data},data}function _templateObject1(){var data=_tagged_template_literal(["\n padding-right: 24px;\n padding-left: 24px;\n"]);return _templateObject1=function _templateObject(){return data},data}function _templateObject2(){var data=_tagged_template_literal(["\n color: var(--charcoal-","-press);\n background-color: var(--charcoal-","-press);\n "]);return _templateObject2=function _templateObject(){return data},data}function _templateObject3(){var data=_tagged_template_literal(["\n &:hover {\n color: var(--charcoal-","-hover);\n background-color: var(--charcoal-","-hover);\n }\n &:active {\n color: var(--charcoal-","-press);\n background-color: var(--charcoal-","-press);\n }\n "]);return _templateObject3=function _templateObject(){return data},data}function _templateObject4(){var data=_tagged_template_literal(["\n width: ",";\n display: inline-grid;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n border-radius: 999999px;\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n\n ","\n color: var(--charcoal-",");\n background-color: var(--charcoal-",");\n transition: 0.2s color, 0.2s background-color, 0.2s box-shadow;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ","\n\n ","\n }\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n }\n height: ","px;\n"]);return _templateObject4=function _templateObject(){return data},data}var horizontalPaddingSmall=(0,styled_components_browser_esm.iv)(_templateObject()),horizontalPaddingMedium=(0,styled_components_browser_esm.iv)(_templateObject1()),StyledButton=(0,styled_components_browser_esm.ZP)(Clickable.Z)(_templateObject4(),(function(p){return p.$fullWidth?"stretch":"min-content"}),(function(p){return"M"===p.$size?horizontalPaddingMedium:horizontalPaddingSmall}),(function(p){return p.$color}),(function(p){return p.$background}),index_esm.L_,(function(param){var $active=param.$isActive,$color=param.$color,$background=param.$background;return $active?(0,styled_components_browser_esm.iv)(_templateObject2(),$color,$background):(0,styled_components_browser_esm.iv)(_templateObject3(),$color,$background,$color,$background)}),(function(p){return"M"===p.$size?40:32}));function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _object_spread_props(target,source){return source=null!=source?source:{},Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})),target}function _object_without_properties(source,excluded){if(null==source)return{};var key,i,target=function _object_without_properties_loose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=(0,react.forwardRef)((function Button(_param,ref){var children=_param.children,_param_variant=_param.variant,variant=void 0===_param_variant?"Default":_param_variant,_param_size=_param.size,size=void 0===_param_size?"M":_param_size,tmp=_param.fullWidth,fixed=void 0!==tmp&&tmp,_param_disabled=_param.disabled,disabled=void 0!==_param_disabled&&_param_disabled,_param_isActive=_param.isActive,isActive=void 0!==_param_isActive&&_param_isActive,rest=_object_without_properties(_param,["children","variant","size","fullWidth","disabled","isActive"]);return(0,jsx_runtime.jsx)(StyledButton,_object_spread_props(function _object_spread(target){for(var i=1;i{__webpack_require__.d(__webpack_exports__,{Z:()=>DropdownMenuItem});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_MenuItem__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/react/src/components/DropdownSelector/MenuItem/index.tsx"),_MenuList_MenuListContext__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/react/src/components/DropdownSelector/MenuList/MenuListContext.ts"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/react/src/components/Icon/index.tsx");function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _object_spread_props(target,source){return source=null!=source?source:{},Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})),target}function _object_without_properties(source,excluded){if(null==source)return{};var key,i,target=function _object_without_properties_loose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _tagged_template_literal(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n font-size: 14px;\n line-height: 22px;\n color: var(--charcoal-text2);\n padding: 9px 0;\n\n display: flex;\n align-items: center;\n width: 100%;\n margin-left: ","px;\n"]);return _templateObject=function _templateObject(){return data},data}function _templateObject1(){var data=_tagged_template_literal(["\n color: var(--charcoal-text2);\n padding-right: 4px;\n"]);return _templateObject1=function _templateObject(){return data},data}function DropdownMenuItem(props){var ctxValue=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_MenuList_MenuListContext__WEBPACK_IMPORTED_MODULE_2__.b).value,isSelected=props.value===ctxValue,rest=(props.children,_object_without_properties(props,["children"]));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_MenuItem__WEBPACK_IMPORTED_MODULE_3__.Z,_object_spread_props(function _object_spread(target){for(var i=1;i{__webpack_require__.d(__webpack_exports__,{Z:()=>Popover});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_react_aria_overlays__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@react-aria/overlays/dist/import.mjs"),styled_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_Modal_ModalBackgroundContext__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/react/src/components/Modal/ModalBackgroundContext.tsx"),_usePreventScroll__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/react/src/components/DropdownSelector/Popover/usePreventScroll.tsx");function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _object_spread(target){for(var i=1;i void",signature:{arguments:[],return:{name:"void"}}},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""},triggerRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"Element"}],raw:"RefObject"},description:""},popoverRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject"},description:""}}}},"./packages/react/src/components/DropdownSelector/Popover/usePreventScroll.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>usePreventScroll});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePreventScroll(element,isOpen){(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){if(isOpen&&element){var defaultPaddingRight=element.style.paddingRight,defaultOverflow=element.style.overflow;return element.style.paddingRight="".concat(window.innerWidth-element.clientWidth,"px"),element.style.overflow="hidden",function(){element.style.paddingRight=defaultPaddingRight,element.style.overflow=defaultOverflow}}}),[element,isOpen])}},"./packages/react/src/components/DropdownSelector/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>DropdownSelector});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),index_esm=__webpack_require__("./packages/utils/dist/index.esm.js"),Icon=__webpack_require__("./packages/react/src/components/Icon/index.tsx"),FieldLabel=__webpack_require__("./packages/react/src/components/FieldLabel/index.tsx"),Popover=__webpack_require__("./packages/react/src/components/DropdownSelector/Popover/index.tsx");function _object_without_properties(source,excluded){if(null==source)return{};var key,i,target=function _object_without_properties_loose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function DropdownPopover(_param){var children=_param.children,props=_object_without_properties(_param,["children"]),ref=(0,react.useRef)(null);return(0,react.useEffect)((function(){props.isOpen&&ref.current&&props.triggerRef.current&&(ref.current.style.width="".concat(props.triggerRef.current.clientWidth,"px"))}),[props.triggerRef,props.isOpen]),(0,react.useEffect)((function(){if(props.isOpen&&void 0!==props.value){var windowScrollY=window.scrollY,windowScrollX=window.scrollX,selectedElement=document.querySelector('[data-key="'.concat(props.value.toString(),'"]'));null==selectedElement||selectedElement.focus(),window.scrollTo(windowScrollX,windowScrollY)}}),[props.value,props.isOpen]),(0,jsx_runtime.jsx)(Popover.Z,{isOpen:props.isOpen,onClose:props.onClose,popoverRef:ref,triggerRef:props.triggerRef,children})}function findPreviewRecursive(children,value){for(var childArray=react.Children.toArray(children),i=0;i void",signature:{arguments:[],return:{name:"void"}}},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""},triggerRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"Element"}],raw:"RefObject"},description:""},popoverRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject"},description:""},value:{required:!1,tsType:{name:"Key"},description:""}}};var MenuList=__webpack_require__("./packages/react/src/components/DropdownSelector/MenuList/index.tsx"),dist_index_esm=__webpack_require__("./packages/styled/dist/index.esm.js"),getValuesRecursive=__webpack_require__("./packages/react/src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx"),dist_import=__webpack_require__("./node_modules/@react-aria/visually-hidden/dist/import.mjs");function _array_like_to_array(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _sliced_to_array(arr,i){return function _array_with_holes(arr){if(Array.isArray(arr))return arr}(arr)||function _iterable_to_array_limit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupported_iterable_to_array(o,minLen){if(!o)return;if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}(arr,i)||function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _tagged_template_literal(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n display: inline-block;\n width: 100%;\n\n "," {\n cursor: default;\n opacity: 0.32;\n }\n"]);return _templateObject=function _templateObject(){return data},data}function _templateObject1(){var data=_tagged_template_literal(["\n width: 100%;\n margin-bottom: 8px;\n"]);return _templateObject1=function _templateObject(){return data},data}function _templateObject2(){var data=_tagged_template_literal(["\n background-color: var(--charcoal-surface3-press);\n "]);return _templateObject2=function _templateObject(){return data},data}function _templateObject3(){var data=_tagged_template_literal(["\n &:hover {\n background-color: var(--charcoal-surface3-hover);\n }\n &:active {\n background-color: var(--charcoal-surface3-press);\n }\n "]);return _templateObject3=function _templateObject(){return data},data}function _templateObject4(){var data=_tagged_template_literal(["\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n "]);return _templateObject4=function _templateObject(){return data},data}function _templateObject5(){var data=_tagged_template_literal(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n height: 40px;\n width: 100%;\n box-sizing: border-box;\n border: none;\n cursor: pointer;\n gap: 4px;\n\n "," {\n cursor: default;\n }\n\n padding-right: 8px;\n padding-left: 8px;\n background-color: var(--charcoal-surface3);\n border-radius: 4px;\n\n transition: 0.2s box-shadow, 0.2s background-color;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ","\n ","\n }\n\n ","\n"]);return _templateObject5=function _templateObject(){return data},data}function _templateObject6(){var data=_tagged_template_literal(["\n text-align: left;\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-",");\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"]);return _templateObject6=function _templateObject(){return data},data}function _templateObject7(){var data=_tagged_template_literal(["\n color: var(--charcoal-text2);\n"]);return _templateObject7=function _templateObject(){return data},data}function _templateObject8(){var data=_tagged_template_literal(["\n color: var(--charcoal-assertive);\n "]);return _templateObject8=function _templateObject(){return data},data}function _templateObject9(){var data=_tagged_template_literal(["\n margin-top: 8px;\n font-size: 14px;\n color: var(--charcoal-text2);\n line-height: 22px;\n display: flow-root;\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n\n ","\n"]);return _templateObject9=function _templateObject(){return data},data}var defaultRequiredText="*必須";function DropdownSelector(_param){var _props_requiredText,onChange=_param.onChange,props=DropdownSelector_object_without_properties(_param,["onChange"]),triggerRef=(0,react.useRef)(null),_useState=_sliced_to_array((0,react.useState)(!1),2),isOpen=_useState[0],setIsOpen=_useState[1],preview=findPreviewRecursive(props.children,props.value),isPlaceholder=(0,react.useMemo)((function(){return void 0!==props.placeholder&&void 0===preview}),[preview,props.placeholder]),propsArray=(0,getValuesRecursive.H)(props.children),visuallyHiddenProps=(0,dist_import.S)().visuallyHiddenProps,handleChange=(0,react.useCallback)((function(e){onChange(e.target.value)}),[onChange]);return(0,jsx_runtime.jsxs)(DropdownSelectorRoot,{"aria-disabled":props.disabled,children:[!0===props.showLabel&&(0,jsx_runtime.jsx)(DropdownFieldLabel,{label:props.label,required:props.required,requiredText:null!==(_props_requiredText=props.requiredText)&&void 0!==_props_requiredText?_props_requiredText:defaultRequiredText,subLabel:props.subLabel}),(0,jsx_runtime.jsx)("div",_object_spread_props(_object_spread({},visuallyHiddenProps),{"aria-hidden":"true",children:(0,jsx_runtime.jsx)("select",{name:props.name,value:props.value,onChange:handleChange,tabIndex:-1,children:propsArray.map((function(itemProps){return(0,jsx_runtime.jsx)("option",{value:itemProps.value,disabled:itemProps.disabled,children:itemProps.value},itemProps.value)}))})})),(0,jsx_runtime.jsxs)(DropdownButton,{invalid:props.invalid,disabled:props.disabled,onClick:function(){!0!==props.disabled&&setIsOpen(!0)},ref:triggerRef,type:"button",$active:isOpen,children:[(0,jsx_runtime.jsx)(DropdownButtonText,{$isText3:isPlaceholder,children:isPlaceholder?props.placeholder:preview}),(0,jsx_runtime.jsx)(DropdownButtonIcon,{name:"16/Menu"})]}),isOpen&&(0,jsx_runtime.jsx)(DropdownPopover,{isOpen,onClose:function(){return setIsOpen(!1)},triggerRef,value:props.value,children:(0,jsx_runtime.jsx)(MenuList.Z,{value:props.value,onChange:function(v){onChange(v),setIsOpen(!1)},children:props.children})}),void 0!==props.assistiveText&&(0,jsx_runtime.jsx)(AssertiveText,{invalid:props.invalid,children:props.assistiveText})]})}var DropdownSelectorRoot=styled_components_browser_esm.ZP.div(_templateObject(),index_esm.t0),DropdownFieldLabel=(0,styled_components_browser_esm.ZP)(FieldLabel.Z)(_templateObject1()),DropdownButton=styled_components_browser_esm.ZP.button(_templateObject5(),index_esm.t0,dist_index_esm.L_,(function(param){return!0===param.$active?(0,styled_components_browser_esm.iv)(_templateObject2()):(0,styled_components_browser_esm.iv)(_templateObject3())}),(function(param){return!0===param.invalid&&(0,styled_components_browser_esm.iv)(_templateObject4())})),DropdownButtonText=styled_components_browser_esm.ZP.span(_templateObject6(),(function(p){return p.$isText3?"text3":"text2"})),DropdownButtonIcon=(0,styled_components_browser_esm.ZP)(Icon.Z)(_templateObject7()),AssertiveText=styled_components_browser_esm.ZP.div(_templateObject9(),(function(param){return!0===param.invalid&&(0,styled_components_browser_esm.iv)(_templateObject8())}));DropdownSelector.__docgenInfo={description:"",methods:[],displayName:"DropdownSelector",props:{label:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"string"},description:""},showLabel:{required:!1,tsType:{name:"boolean"},description:""},invalid:{required:!1,tsType:{name:"boolean"},description:""},assistiveText:{required:!1,tsType:{name:"string"},description:""},required:{required:!1,tsType:{name:"boolean"},description:""},requiredText:{required:!1,tsType:{name:"string"},description:""},subLabel:{required:!1,tsType:{name:"ReactNode"},description:""},name:{required:!1,tsType:{name:"string"},description:"the name of hidden `