@pedidopago/ui 1.10.1 → 1.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Combobox/Examples/index.js +1 -1
- package/dist/components/DateInput/index.d.ts.map +1 -1
- package/dist/components/DateInput/index.js +1 -1
- package/dist/components/ForwardedModal/ForwardedModalExample.d.ts +8 -0
- package/dist/components/ForwardedModal/ForwardedModalExample.d.ts.map +1 -0
- package/dist/components/ForwardedModal/ForwardedModalExample.js +1 -0
- package/dist/components/ForwardedModal/forwardedModal.test.d.ts +2 -0
- package/dist/components/ForwardedModal/forwardedModal.test.d.ts.map +1 -0
- package/dist/components/ForwardedModal/forwardedModal.test.js +1 -0
- package/dist/components/ForwardedModal/index.d.ts +4 -0
- package/dist/components/ForwardedModal/index.d.ts.map +1 -0
- package/dist/components/ForwardedModal/index.js +1 -0
- package/dist/components/ForwardedModal/types.d.ts +7 -0
- package/dist/components/ForwardedModal/types.d.ts.map +1 -0
- package/dist/components/ForwardedModal/types.js +1 -0
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/styles.d.ts.map +1 -1
- package/dist/components/Input/styles.js +1 -1
- package/dist/components/MultipleSelect/index.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/shared/hooks/useSystemTheme.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxDefault=ComboboxDefault,exports.ComboboxWithOnFocusShowOptions=ComboboxWithOnFocusShowOptions;var _react=require("react"),_=require(".."),_constants=require("./constants"),_Typography=_interopRequireDefault(require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxDefault=ComboboxDefault,exports.ComboboxWithOnFocusShowOptions=ComboboxWithOnFocusShowOptions;var _react=require("react"),_=require(".."),_constants=require("./constants"),_Typography=_interopRequireDefault(require("../../../components/Typography")),_Flex=_interopRequireDefault(require("../../Flex")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function ComboboxDefault(){function handleChange(){setIsLoading(!0),clearTimeout(null===timer||void 0===timer?void 0:timer.current),timer.current=setTimeout(function(){setIsLoading(!1)},2e3)}var _useState=(0,_react.useState)(""),_useState2=_slicedToArray(_useState,2),comboboxValue=_useState2[0],setComboboxValue=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),isLoading=_useState4[0],setIsLoading=_useState4[1],timer=(0,_react.useRef)();// eslint-disable-next-line no-undef
|
|
2
2
|
return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"6",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",children:"Search for fruit names. Ex: apple, banana, watermelon, etc:"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Combobox,{label:"Combobox Default",placeholder:"Selecionar",isLoading:isLoading,value:comboboxValue,onChange:function onChange(value){setComboboxValue(value)},onInputChange:function onInputChange(){return handleChange()},options:_constants.fruitOptions}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral6",children:["Combobox value: ",comboboxValue]})]})}function ComboboxWithOnFocusShowOptions(){var _useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),comboboxValue=_useState6[0],setComboboxValue=_useState6[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"6",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",children:"Search for fruit names. Ex: apple, banana, watermelon, etc:"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Combobox,{label:"Combobox With onFocusShowOptions",placeholder:"Selecionar",value:comboboxValue,onChange:function onChange(value){setComboboxValue(value)},options:_constants.fruitOptions,onFocusShowOptions:!0}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral6",children:["Combobox value: ",comboboxValue]})]})}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAiB,EACjB,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAiB,EACjB,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,eA0EhB"}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
// Styles
|
|
3
3
|
// Components
|
|
4
4
|
// hooks
|
|
5
|
-
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function DateInput(_ref){var label=_ref.label,placeholder=_ref.placeholder,alert=_ref.alert,helperText=_ref.helperText,value=_ref.value,_ref$locales=_ref.locales,locales=void 0===_ref$locales?"pt-BR":_ref$locales,localeOptions=_ref.localeOptions,onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,disableWeekendDays=_ref.disableWeekendDays,iconColor=_ref.iconColor,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(),_useState2=_slicedToArray(_useState,2),currentValue=_useState2[0],setCurrentValue=_useState2[1],_useState3=(0,_react.useState)(!0),_useState4=_slicedToArray(_useState3,2),isFirstClickDateInput=_useState4[0],setIsFirstClickDateInput=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),datePickerOpen=_useState6[0],setDatePickerOpen=_useState6[1];(0,_react.useEffect)(function(){setCurrentValue(value)},[value]),(0,_useDisableBodyScroll.useDisableBodyScroll)(datePickerOpen,"child_element");var toggleOptionsAreaView=(0,_react.useCallback)(function(event){event.stopPropagation(),disabled||setDatePickerOpen(!datePickerOpen)},[datePickerOpen,disabled]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DateInputContainer,{ref:containerRef,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Input.default,{label:label,readOnly:!0,placeholder:placeholder,helperText:helperText,alert:alert,withIcon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"calendar",color:iconColor}),disabled:disabled,tabIndex:disabled?-1:0,value:currentValue?Array.isArray(currentValue)?currentValue[0]+""===currentValue[1]+""?new Date(currentValue[0]).toLocaleDateString(locales,localeOptions):"".concat(new Date(currentValue[0]).toLocaleDateString(locales,localeOptions)," - ").concat(new Date(currentValue[1]).toLocaleDateString(locales,localeOptions)):new Date(currentValue).toLocaleDateString(locales,localeOptions):"",onClick:toggleOptionsAreaView}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.Modal,{maxWidth:"max-content",maxHeight:"max-content",onClose:function onClose(){return setDatePickerOpen(!1)},open:datePickerOpen,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_DatePicker.default,_objectSpread({value:currentValue,onChange:function(value){setCurrentValue(value),setDatePickerOpen(!1),null===onChange||void 0===onChange?void 0:onChange(value)},disableWeekendDays:disableWeekendDays,isFirstClickDateInput:isFirstClickDateInput,setIsFirstClickDateInput:setIsFirstClickDateInput},rest))})]})}
|
|
5
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function DateInput(_ref){var label=_ref.label,placeholder=_ref.placeholder,alert=_ref.alert,helperText=_ref.helperText,value=_ref.value,_ref$locales=_ref.locales,locales=void 0===_ref$locales?"pt-BR":_ref$locales,localeOptions=_ref.localeOptions,onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,disableWeekendDays=_ref.disableWeekendDays,iconColor=_ref.iconColor,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(),_useState2=_slicedToArray(_useState,2),currentValue=_useState2[0],setCurrentValue=_useState2[1],_useState3=(0,_react.useState)(!0),_useState4=_slicedToArray(_useState3,2),isFirstClickDateInput=_useState4[0],setIsFirstClickDateInput=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),datePickerOpen=_useState6[0],setDatePickerOpen=_useState6[1];(0,_react.useEffect)(function(){setCurrentValue(value)},[value]),(0,_useDisableBodyScroll.useDisableBodyScroll)(datePickerOpen,"child_element");var toggleOptionsAreaView=(0,_react.useCallback)(function(event){event.stopPropagation(),disabled||setDatePickerOpen(!datePickerOpen)},[datePickerOpen,disabled]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DateInputContainer,{ref:containerRef,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Input.default,{label:label,readOnly:!0,placeholder:placeholder,helperText:helperText,alert:alert,withIcon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"calendar",color:iconColor}),disabled:disabled,tabIndex:disabled?-1:0,value:currentValue?Array.isArray(currentValue)?currentValue[0]+""===currentValue[1]+""?new Date(currentValue[0]).toLocaleDateString(locales,localeOptions):"".concat(new Date(currentValue[0]).toLocaleDateString(locales,localeOptions)," - ").concat(new Date(currentValue[1]).toLocaleDateString(locales,localeOptions)):new Date(currentValue).toLocaleDateString(locales,localeOptions):"",onClick:toggleOptionsAreaView}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.Modal,{portalNameId:"date-input-portal",maxWidth:"max-content",maxHeight:"max-content",onClose:function onClose(){return setDatePickerOpen(!1)},open:datePickerOpen,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_DatePicker.default,_objectSpread({value:currentValue,onChange:function(value){setCurrentValue(value),setDatePickerOpen(!1),null===onChange||void 0===onChange?void 0:onChange(value)},disableWeekendDays:disableWeekendDays,isFirstClickDateInput:isFirstClickDateInput,setIsFirstClickDateInput:setIsFirstClickDateInput},rest))})]})}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ForwardedModalProps } from './types';
|
|
3
|
+
export declare const SelectOptionsPagination: {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
}[];
|
|
7
|
+
export declare function ForwardedModalExample(props: ForwardedModalProps): JSX.Element;
|
|
8
|
+
//# sourceMappingURL=ForwardedModalExample.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ForwardedModalExample.d.ts","sourceRoot":"","sources":["../../../src/components/ForwardedModal/ForwardedModalExample.tsx"],"names":[],"mappings":";AAOA,OAAO,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,uBAAuB;;;GAGnC,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,mBAAmB,eA6B/D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ForwardedModalExample=ForwardedModalExample,exports.SelectOptionsPagination=void 0;var _react=require("react"),_=require("."),_Button=_interopRequireDefault(require("../Button")),_Flex=_interopRequireDefault(require("../Flex")),_Select=_interopRequireDefault(require("../Select")),_Typography=_interopRequireDefault(require("../Typography")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var SelectOptionsPagination=[{label:"Opcao01",value:"1"},{label:"Opcao02",value:"2"}];exports.SelectOptionsPagination=SelectOptionsPagination;function ForwardedModalExample(props){var modalRef=(0,_react.useRef)(null);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){var _modalRef$current;null===(_modalRef$current=modalRef.current)||void 0===_modalRef$current?void 0:_modalRef$current.toggleShowModal()},children:"Abrir modal"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.ForwardedModal,_objectSpread(_objectSpread({},props),{},{ref:modalRef,maxWidth:"350px",children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",justifyContent:"center",alignItems:"center",style:{height:"350px",padding:"1em"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{children:["Eu sou um modal, com um select :",")"]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Select.default,{placeholder:"Selecione uma op\xE7\xE3o",options:SelectOptionsPagination,sizeSelect:"md"})]})}))]})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"forwardedModal.test.d.ts","sourceRoot":"","sources":["../../../src/components/ForwardedModal/forwardedModal.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var _react=require("react"),_testUtils=require("react-dom/test-utils");require("@testing-library/jest-dom");var _=require("."),_testUtils2=require("../../shared/tests/test-utils"),_ThemeContext=require("../../shared/theme/contexts/ThemeContext"),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function setup(props){var modalRef=/*#__PURE__*/(0,_react.createRef)();return(0,_testUtils2.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_ThemeContext.PPUIThemeProvider,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.ForwardedModal,_objectSpread(_objectSpread({},props),{},{ref:modalRef}))})),{modalRef:modalRef}}describe("Modal",function(){it("should render modal correctly",function(){var _setup=setup({children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"Modal"})}),modalRef=_setup.modalRef,show=jest.spyOn(modalRef.current,"toggleShowModal");(0,_testUtils.act)(function(){var _modalRef$current;null===(_modalRef$current=modalRef.current)||void 0===_modalRef$current?void 0:_modalRef$current.toggleShowModal()}),expect(show).toHaveBeenCalled()}),it("should display modal as open",function(){var _document$getElementB,_document$getElementB2,_setup2=setup({children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"Modal"})}),modalRef=_setup2.modalRef,show=jest.spyOn(modalRef.current,"toggleShowModal");(0,_testUtils.act)(function(){var _modalRef$current2;null===(_modalRef$current2=modalRef.current)||void 0===_modalRef$current2?void 0:_modalRef$current2.toggleShowModal()}),expect(show).toHaveBeenCalled();var overlay=null===(_document$getElementB=document.getElementById("portal-root"))||void 0===_document$getElementB?void 0:_document$getElementB.childNodes[0],modal=null===(_document$getElementB2=document.getElementById("portal-root"))||void 0===_document$getElementB2?void 0:_document$getElementB2.childNodes[1];expect(overlay).toHaveStyle({opacity:0}),expect(modal).toBeVisible()}),it("should display modal as closed",function(){var _document$getElementB3,_setup3=setup({children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"Modal"})}),modalRef=_setup3.modalRef,show=jest.spyOn(modalRef.current,"setIsOpenModal");(0,_testUtils.act)(function(){var _modalRef$current3;null===(_modalRef$current3=modalRef.current)||void 0===_modalRef$current3?void 0:_modalRef$current3.setIsOpenModal(!1)}),expect(show).toHaveBeenCalled();var modal=null===(_document$getElementB3=document.getElementById("portal-root"))||void 0===_document$getElementB3?void 0:_document$getElementB3.childNodes[1];expect(modal).toBe(void 0)})});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ForwardedModalFunctions, ForwardedModalProps } from './types';
|
|
3
|
+
export declare const ForwardedModal: import("react").ForwardRefExoticComponent<ForwardedModalProps & import("react").RefAttributes<ForwardedModalFunctions>>;
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ForwardedModal/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,cAAc,yHAuB1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ForwardedModal=void 0;var _react=require("react"),_Modal=require("../Modal"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children"];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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var ForwardedModal=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function toggleShowModal(){setIsOpenModal(!isOpenModal)}var children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpenModal=_useState2[0],setIsOpenModal=_useState2[1];return(0,_react.useImperativeHandle)(ref,function(){return{setIsOpenModal:setIsOpenModal,toggleShowModal:toggleShowModal}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.Modal,_objectSpread(_objectSpread({open:isOpenModal,onClose:function(){setIsOpenModal(!1)}},rest),{},{children:children}))});exports.ForwardedModal=ForwardedModal,ForwardedModal.displayName="ForwardedModal";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ModalProps } from '../Modal/types';
|
|
2
|
+
export type ForwardedModalFunctions = {
|
|
3
|
+
setIsOpenModal: (isOpen: boolean) => void;
|
|
4
|
+
toggleShowModal: () => void;
|
|
5
|
+
};
|
|
6
|
+
export type ForwardedModalProps = Omit<ModalProps, 'open' | 'onClose'>;
|
|
7
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ForwardedModal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,mBAAmB,EAAY,MAAM,OAAO,CAAC;AAqBlE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,KAAK,sJAkJV,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Button=_interopRequireDefault(require("../Button")),_styles=require("./styles"),_Typography=_interopRequireDefault(require("../Typography")),_Icon=_interopRequireDefault(require("../Icon")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["placeholder","type","disabled","label","labelBackground","hiddenContent","helperText","alert","withAddon","addonContent","withIcon","onLeftIconClick","onRightIconClick","leftIcon","rightIcon","ContainerProps"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Input=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Button=_interopRequireDefault(require("../Button")),_styles=require("./styles"),_Typography=_interopRequireDefault(require("../Typography")),_Icon=_interopRequireDefault(require("../Icon")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["placeholder","type","disabled","label","labelBackground","hiddenContent","helperText","alert","withAddon","addonContent","withIcon","onLeftIconClick","onRightIconClick","leftIcon","rightIcon","ContainerProps"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Input=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,forwardedRef){function handleInputChange(value){setHasValueOnInput(0<value.length)}var placeholder=_ref.placeholder,type=_ref.type,disabled=_ref.disabled,label=_ref.label,labelBackground=_ref.labelBackground,hiddenContent=_ref.hiddenContent,helperText=_ref.helperText,alert=_ref.alert,withAddon=_ref.withAddon,addonContent=_ref.addonContent,withIcon=_ref.withIcon,onLeftIconClick=_ref.onLeftIconClick,onRightIconClick=_ref.onRightIconClick,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,ContainerProps=_ref.ContainerProps,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),hasValueOnInput=_useState2[0],setHasValueOnInput=_useState2[1],_useState3=(0,_react.useState)(hiddenContent||!1),_useState4=_slicedToArray(_useState3,2),hiddenInfo=_useState4[0],setHiddenInfo=_useState4[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputGroupElement,_objectSpread(_objectSpread({withIcon:!!withIcon,hasValueOnInput:!!(placeholder||rest.value||rest.defaultValue)||hasValueOnInput,alert:alert,withAddon:withAddon,hasDisabled:disabled,labelBackground:labelBackground,className:rest.className,style:rest.style},ContainerProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputColumn,{children:[withAddon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AddonElement,{alert:alert,hasDisabled:disabled,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",children:addonContent})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContent,{withAddon:withAddon,children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputLabel,{withIcon:!!withIcon,hasDisabled:disabled,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Fieldset,{"aria-hidden":!0,hasDisabled:disabled,withAddon:withAddon,alert:alert,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Legend,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.LegendText,{children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContentRow,{children:[(withIcon||leftIcon)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onLeftIconClick?"pointer":"default"},onClick:onLeftIconClick,tabIndex:onLeftIconClick?0:-1,children:withIcon||leftIcon})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Input,_objectSpread(_objectSpread({"data-input":"input",type:hiddenInfo?"password":type,"aria-label":label,withIcon:withIcon,leftIcon:leftIcon,rightIcon:rightIcon,hiddenContent:hiddenContent,disabled:disabled,alert:alert,placeholder:placeholder,ref:function inputRef(element){return element&&(null!==element&&void 0!==element&&element.value&&setHasValueOnInput(!0),forwardedRef&&("function"==typeof forwardedRef?forwardedRef(element):forwardedRef.current=element)),element}},rest),{},{onChange:function onChange(e){var _rest$onChange;handleInputChange(e.currentTarget.value),null===(_rest$onChange=rest.onChange)||void 0===_rest$onChange?void 0:_rest$onChange.call(rest,e)}})),hiddenContent&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{clickable:!0,onClick:function(){setHiddenInfo(!hiddenInfo)},children:hiddenInfo?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye"}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye-off"})}),rightIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onRightIconClick?"pointer":"default"},onClick:onRightIconClick,tabIndex:onRightIconClick?0:-1,children:rightIcon})})]})]})]}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,children:helperText})]}))});Input.displayName="Input";var _default=Input;exports.default=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,iBAAiB;;;;;;yGAsG7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAUrB,CAAC;AAQF,eAAO,MAAM,KAAK;;;+
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,iBAAiB;;;;;;yGAsG7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAUrB,CAAC;AAQF,eAAO,MAAM,KAAK;;;+HA8BjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;kHAkBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;2HAsCpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;wHAQtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAgCxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LegendText=exports.Legend=exports.InputLabel=exports.InputIcon=exports.InputGroupElement=exports.InputContentRow=exports.InputContent=exports.InputColumn=exports.Input=exports.HelperText=exports.Fieldset=exports.AddonElement=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_invertColor=require("../../utils//invertColor");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var InputGroupElement=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 100%;\n border-radius: ",";\n font-weight: ",";\n transition: all 0.2s ease-in-out;\n\n &:hover fieldset {\n border-color: ",";\n }\n\n &:hover > div > div:first-of-type {\n border-color: ",";\n &:hover label {\n color: ",";\n }\n }\n\n &:focus-within > div > div:first-of-type {\n background: ",";\n border-color: ",";\n }\n\n > div > div:first-of-type span {\n color: ",";\n }\n\n &:focus-within {\n border-radius: 2px solid ",";\n }\n &:focus-within label {\n color: ",";\n }\n\n &:focus-within > div {\n box-shadow: 0 0 0 2px\n ",";\n }\n\n &:focus-within label {\n transform: translate(19px, -11px) scale(0.8);\n\n background-color: ",";\n\n height: 20px;\n }\n\n &:focus-within fieldset {\n border-width: 2px;\n border-color: ",";\n }\n\n ","\n\n & label {\n transform: ",";\n height: ",";\n background: ",";\n }\n"])),function(props){return props.theme.borderRadius.default},function(props){return props.theme.fontWeight[400]},function(_ref){var theme=_ref.theme,alert=_ref.alert,hasDisabled=_ref.hasDisabled;return alert&&!hasDisabled?theme.colors[alert].default+"66":hasDisabled?"none":theme.colors.primary.hover},function(_ref2){var theme=_ref2.theme,alert=_ref2.alert,hasDisabled=_ref2.hasDisabled;return alert&&!hasDisabled?theme.colors[alert].default+"66":hasDisabled?"none":theme.colors.primary.hover},function(_ref3){var theme=_ref3.theme,hasDisabled=_ref3.hasDisabled;return!hasDisabled&&theme.colors.neutral.neutral5},function(props){return!props.alert&&props.withAddon&&props.theme.colors.primary.disabled},function(props){return!props.alert&&props.withAddon&&props.theme.colors.primary.hover},function(props){return props.alert?(0,_invertColor.invertColor)(props.theme.colors[props.alert].default,!0):props.theme.colors.neutral.black},function(props){return props.theme.colors.primary.disabled},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral5},function(props){return props.alert?"".concat(props.theme.colors[props.alert].blurred,"33"):props.theme.colors.primary.disabled},function(_ref5){var theme=_ref5.theme;return theme.colors.neutral.white},function(props){return!props.alert&&props.theme.colors.primary.hover},function(props){return props.addonContent&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n &:focus-within > div > div:first-of-type {\n border-color: ",";\n background-color: ",";\n }\n "])),props.alert?"transparent":props.theme.colors.primary.focus,props.alert&&"success"===props.alert?props.theme.colors.primary.focus:"")},function(_ref6){var hasValueOnInput=_ref6.hasValueOnInput,withIcon=_ref6.withIcon;return hasValueOnInput?"translate(19px, -11px) scale(0.8) !important":withIcon?"translate(60px, calc(100% - 10px))":"translate(20px, calc(100% - 10px))"},function(_ref7){var hasValueOnInput=_ref7.hasValueOnInput;return hasValueOnInput?"20px":"unset"},function(_ref8){var hasValueOnInput=_ref8.hasValueOnInput,theme=_ref8.theme;return hasValueOnInput?theme.colors.neutral.white:"transparent"});exports.InputGroupElement=InputGroupElement;var InputColumn=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: relative;\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n align-items: center;\n border-radius: ",";\n width: 100%;\n min-height: 56px;\n"])),function(props){return props.theme.borderRadius.default});exports.InputColumn=InputColumn;var InputContent=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n grid-column: ",";\n height: 100%;\n"])),function(props){return props.withAddon?"2 / end":"1 / end"});exports.InputContent=InputContent;var InputContentRow=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n display: flex;\n position: relative;\n align-items: center;\n height: 100%;\n"])));exports.InputContentRow=InputContentRow;var InputIcon=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n position: relative;\n z-index: ",";\n display: flex;\n margin: auto;\n padding: 0 20px;\n align-items: center;\n justify-content: center;\n cursor: ",";\n color: ",";\n"])),function(props){return props.theme.zIndex.level1},function(props){return props.clickable?"pointer":"default"},function(props){return props.theme.colors.neutral.neutral5});exports.InputIcon=InputIcon;function inputPadding(props){var leftIcon=props.leftIcon,withIcon=props.withIcon;return leftIcon||withIcon?"0 0":"0 20px"}var Input=_styled.default.input(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n width: 100%;\n padding: ",";\n flex: 1;\n height: 100%;\n border: none;\n color: ",";\n &:disabled {\n color: ",";\n }\n\n &::placeholder {\n color: ",";\n }\n\n font-family: inherit;\n outline: none;\n font-size: ",";\n background-color: transparent;\n position: relative;\n font-weight: 500;\n"])),inputPadding,function(props){return props.theme.colors.neutral.black},function(_ref9){var theme=_ref9.theme;return theme.colors.neutral.neutral5},function(_ref10){var theme=_ref10.theme;return theme.colors.neutral.neutral5},function(props){return props.theme.fontSizes.xs});exports.Input=Input;var InputLabel=_styled.default.label(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n top: 0;\n left: 0;\n height: auto;\n padding: 0 6px;\n position: absolute;\n z-index: ",";\n pointer-events: none;\n color: ",";\n background-color: transparent;\n transform-origin: left;\n transition: all ease 0.2s;\n font-weight: 500;\n\n white-space: nowrap;\n max-width: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n"])),function(props){return props.theme.zIndex.level1},function(props){return props.theme.colors.neutral.neutral3},function(_ref11){var withIcon=_ref11.withIcon;return withIcon?"65%":"85%"});exports.InputLabel=InputLabel;var Fieldset=_styled.default.fieldset(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n top: 0;\n pointer-events: none;\n padding: 0 17px;\n overflow: hidden;\n\n background-color: ",";\n\n border-radius: ",";\n border: 2px solid\n ",";\n border-left: ",";\n\n transition: all 0.2s ease;\n"])),function(_ref12){var alert=_ref12.alert,theme=_ref12.theme,hasDisabled=_ref12.hasDisabled;return alert&&!hasDisabled?"".concat(theme.colors[alert].blurred,"33"):hasDisabled?theme.colors.neutral.neutral1:"transparent"},function(props){return props.withAddon?"0 ".concat(props.theme.borderRadius.default," ").concat(props.theme.borderRadius.default," 0"):props.theme.borderRadius.default},function(_ref13){var theme=_ref13.theme,hasDisabled=_ref13.hasDisabled,alert=_ref13.alert;return alert&&!hasDisabled?theme.colors[alert].default:theme.colors.neutral.neutral2},function(props){return props.withAddon?"none !important":"auto"});exports.Fieldset=Fieldset;var Legend=_styled.default.legend(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n padding: 0;\n width: auto;\n max-width: 0.01px;\n font-size: 14px;\n height: 0px;\n visibility: hidden;\n transition: all 0.1s;\n"])));exports.Legend=Legend;var LegendText=_styled.default.span(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n padding: 0 2px;\n display: inline-block;\n visibility: hidden;\n"])));exports.LegendText=LegendText;var HelperText=_styled.default.span(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n font-size: ",";\n\n color: ",";\n padding: 0 20px;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.alert&&"success"!==props.alert?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral4});exports.HelperText=HelperText;var AddonElement=_styled.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n padding: 0 20px;\n height: 100%;\n\n background-color: ",";\n\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n border: 2px solid\n ",";\n border-right: none;\n\n border-radius: "," 0 0\n ",";\n"])),function(props){return props.alert&&!props.hasDisabled?props.theme.colors[props.alert].default:props.hasDisabled?props.theme.colors.neutral.neutral2:props.theme.colors.neutral.neutral1},function(_ref14){var theme=_ref14.theme,hasDisabled=_ref14.hasDisabled,alert=_ref14.alert;return alert&&!hasDisabled?theme.colors[alert].default:theme.colors.neutral.neutral2},function(props){return props.theme.borderRadius.default},function(props){return props.theme.borderRadius.default});exports.AddonElement=AddonElement;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LegendText=exports.Legend=exports.InputLabel=exports.InputIcon=exports.InputGroupElement=exports.InputContentRow=exports.InputContent=exports.InputColumn=exports.Input=exports.HelperText=exports.Fieldset=exports.AddonElement=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_invertColor=require("../../utils//invertColor");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var InputGroupElement=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 100%;\n border-radius: ",";\n font-weight: ",";\n transition: all 0.2s ease-in-out;\n\n &:hover fieldset {\n border-color: ",";\n }\n\n &:hover > div > div:first-of-type {\n border-color: ",";\n &:hover label {\n color: ",";\n }\n }\n\n &:focus-within > div > div:first-of-type {\n background: ",";\n border-color: ",";\n }\n\n > div > div:first-of-type span {\n color: ",";\n }\n\n &:focus-within {\n border-radius: 2px solid ",";\n }\n &:focus-within label {\n color: ",";\n }\n\n &:focus-within > div {\n box-shadow: 0 0 0 2px\n ",";\n }\n\n &:focus-within label {\n transform: translate(19px, -11px) scale(0.8);\n\n background-color: ",";\n\n height: 20px;\n }\n\n &:focus-within fieldset {\n border-width: 2px;\n border-color: ",";\n }\n\n ","\n\n & label {\n transform: ",";\n height: ",";\n background: ",";\n }\n"])),function(props){return props.theme.borderRadius.default},function(props){return props.theme.fontWeight[400]},function(_ref){var theme=_ref.theme,alert=_ref.alert,hasDisabled=_ref.hasDisabled;return alert&&!hasDisabled?theme.colors[alert].default+"66":hasDisabled?"none":theme.colors.primary.hover},function(_ref2){var theme=_ref2.theme,alert=_ref2.alert,hasDisabled=_ref2.hasDisabled;return alert&&!hasDisabled?theme.colors[alert].default+"66":hasDisabled?"none":theme.colors.primary.hover},function(_ref3){var theme=_ref3.theme,hasDisabled=_ref3.hasDisabled;return!hasDisabled&&theme.colors.neutral.neutral5},function(props){return!props.alert&&props.withAddon&&props.theme.colors.primary.disabled},function(props){return!props.alert&&props.withAddon&&props.theme.colors.primary.hover},function(props){return props.alert?(0,_invertColor.invertColor)(props.theme.colors[props.alert].default,!0):props.theme.colors.neutral.black},function(props){return props.theme.colors.primary.disabled},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral5},function(props){return props.alert?"".concat(props.theme.colors[props.alert].blurred,"33"):props.theme.colors.primary.disabled},function(_ref5){var theme=_ref5.theme;return theme.colors.neutral.white},function(props){return!props.alert&&props.theme.colors.primary.hover},function(props){return props.addonContent&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n &:focus-within > div > div:first-of-type {\n border-color: ",";\n background-color: ",";\n }\n "])),props.alert?"transparent":props.theme.colors.primary.focus,props.alert&&"success"===props.alert?props.theme.colors.primary.focus:"")},function(_ref6){var hasValueOnInput=_ref6.hasValueOnInput,withIcon=_ref6.withIcon;return hasValueOnInput?"translate(19px, -11px) scale(0.8) !important":withIcon?"translate(60px, calc(100% - 10px))":"translate(20px, calc(100% - 10px))"},function(_ref7){var hasValueOnInput=_ref7.hasValueOnInput;return hasValueOnInput?"20px":"unset"},function(_ref8){var hasValueOnInput=_ref8.hasValueOnInput,theme=_ref8.theme;return hasValueOnInput?theme.colors.neutral.white:"transparent"});exports.InputGroupElement=InputGroupElement;var InputColumn=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: relative;\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n align-items: center;\n border-radius: ",";\n width: 100%;\n min-height: 56px;\n"])),function(props){return props.theme.borderRadius.default});exports.InputColumn=InputColumn;var InputContent=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n grid-column: ",";\n height: 100%;\n"])),function(props){return props.withAddon?"2 / end":"1 / end"});exports.InputContent=InputContent;var InputContentRow=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n display: flex;\n position: relative;\n align-items: center;\n height: 100%;\n"])));exports.InputContentRow=InputContentRow;var InputIcon=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n position: relative;\n z-index: ",";\n display: flex;\n margin: auto;\n padding: 0 20px;\n align-items: center;\n justify-content: center;\n cursor: ",";\n color: ",";\n"])),function(props){return props.theme.zIndex.level1},function(props){return props.clickable?"pointer":"default"},function(props){return props.theme.colors.neutral.neutral5});exports.InputIcon=InputIcon;function inputPadding(props){var leftIcon=props.leftIcon,withIcon=props.withIcon;return leftIcon||withIcon?"0 0":"0 20px"}var Input=_styled.default.input(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n width: 100%;\n padding: ",";\n flex: 1;\n height: 100%;\n border: none;\n color: ",";\n &:disabled {\n color: ",";\n }\n\n &::placeholder {\n color: ",";\n }\n\n font-family: inherit;\n outline: none;\n font-size: ",";\n background-color: transparent;\n position: relative;\n font-weight: 500;\n\n &:-webkit-autofill {\n height: calc(100% - 4px);\n margin-right: 2px;\n border-top-right-radius: 0.35rem;\n border-bottom-right-radius: 0.35rem;\n -webkit-box-shadow: 0 0 0 100px "," inset;\n -webkit-text-fill-color: ",";\n }\n"])),inputPadding,function(props){return props.theme.colors.neutral.black},function(_ref9){var theme=_ref9.theme;return theme.colors.neutral.neutral5},function(_ref10){var theme=_ref10.theme;return theme.colors.neutral.neutral5},function(props){return props.theme.fontSizes.xs},function(_ref11){var theme=_ref11.theme;return theme.colorByTheme("#f8faf9","#465953")},function(_ref12){var theme=_ref12.theme;return theme.colors.neutral.black});exports.Input=Input;var InputLabel=_styled.default.label(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n top: 0;\n left: 0;\n height: auto;\n padding: 0 6px;\n position: absolute;\n z-index: ",";\n pointer-events: none;\n color: ",";\n background-color: transparent;\n transform-origin: left;\n transition: all ease 0.2s;\n font-weight: 500;\n\n white-space: nowrap;\n max-width: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n"])),function(props){return props.theme.zIndex.level1},function(props){return props.theme.colors.neutral.neutral3},function(_ref13){var withIcon=_ref13.withIcon;return withIcon?"65%":"85%"});exports.InputLabel=InputLabel;var Fieldset=_styled.default.fieldset(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n top: 0;\n pointer-events: none;\n padding: 0 17px;\n overflow: hidden;\n\n background-color: ",";\n\n border-radius: ",";\n border: 2px solid\n ",";\n border-left: ",";\n\n transition: all 0.2s ease;\n"])),function(_ref14){var alert=_ref14.alert,theme=_ref14.theme,hasDisabled=_ref14.hasDisabled;return alert&&!hasDisabled?"".concat(theme.colors[alert].blurred,"33"):hasDisabled?theme.colors.neutral.neutral1:"transparent"},function(props){return props.withAddon?"0 ".concat(props.theme.borderRadius.default," ").concat(props.theme.borderRadius.default," 0"):props.theme.borderRadius.default},function(_ref15){var theme=_ref15.theme,hasDisabled=_ref15.hasDisabled,alert=_ref15.alert;return alert&&!hasDisabled?theme.colors[alert].default:theme.colors.neutral.neutral2},function(props){return props.withAddon?"none !important":"auto"});exports.Fieldset=Fieldset;var Legend=_styled.default.legend(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n padding: 0;\n width: auto;\n max-width: 0.01px;\n font-size: 14px;\n height: 0px;\n visibility: hidden;\n transition: all 0.1s;\n"])));exports.Legend=Legend;var LegendText=_styled.default.span(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n padding: 0 2px;\n display: inline-block;\n visibility: hidden;\n"])));exports.LegendText=LegendText;var HelperText=_styled.default.span(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n font-size: ",";\n\n color: ",";\n padding: 0 20px;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.alert&&"success"!==props.alert?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral4});exports.HelperText=HelperText;var AddonElement=_styled.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n padding: 0 20px;\n height: 100%;\n\n background-color: ",";\n\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n border: 2px solid\n ",";\n border-right: none;\n\n border-radius: "," 0 0\n ",";\n"])),function(props){return props.alert&&!props.hasDisabled?props.theme.colors[props.alert].default:props.hasDisabled?props.theme.colors.neutral.neutral2:props.theme.colors.neutral.neutral1},function(_ref16){var theme=_ref16.theme,hasDisabled=_ref16.hasDisabled,alert=_ref16.alert;return alert&&!hasDisabled?theme.colors[alert].default:theme.colors.neutral.neutral2},function(props){return props.theme.borderRadius.default},function(props){return props.theme.borderRadius.default});exports.AddonElement=AddonElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_ReactPortal=require("../ReactPortal"),_Flex=_interopRequireDefault(require("../Flex")),_components=require("./components"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_styles=require("./components/SelectArea/styles"),_animations=require("./animations"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var onFinishedTimerDebounce,MultipleSelect=function(_ref){var _selectAreaRef$curren,width=_ref.width,_ref$fullWidth=_ref.fullWidth,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$AutoComplete=_ref.AutoComplete,_ref$maxSelects=_ref.maxSelects,maxSelects=void 0===_ref$maxSelects?5:_ref$maxSelects,onChangeValue=_ref.onChangeValue,onChangeSearch=_ref.onChangeSearch,onFinished=_ref.onFinished,_ref$label=_ref.label,label=void 0===_ref$label?"SelectInput":_ref$label,selectType=_ref.selectType,_ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data,isLoadingData=_ref.isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,dropDownIcon=_ref.dropDownIcon,placeholder=_ref.placeholder,defaultSelectedOptions=_ref.defaultSelectedOptions,value=_ref.value,helperText=_ref.helperText,autoCompleteHelperText=_ref.autoCompleteHelperText,_ref$infiniteScroll=_ref.infiniteScroll,_useState=(0,_react.useState)(selectType),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1],_useState3=(0,_react.useState)(defaultSelectedOptions||[]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),showOptionsArea=_useState6[0],setShowOptionsArea=_useState6[1],InputWrapperRef=(0,_react.useRef)(null),optionsRef=(0,_react.useRef)(null);(0,_useOnClickOutside.useOnClickOutside)([InputWrapperRef,optionsRef],function(){setShowOptionsArea(!1)}),(0,_react.useEffect)(function(){setInputAlert(selectType)},[selectType]),(0,_react.useEffect)(function(){return null!==value&&void 0!==value&&value.length?setSelectedOptions(value):void setSelectedOptions([])},[value]);var scrollHandler=(0,_react.useCallback)(function(event){var _ref2=event.target,clientHeight=_ref2.clientHeight,scrollHeight=_ref2.scrollHeight,scrollTop=_ref2.scrollTop;!!onFinished&&120>=scrollHeight-scrollTop-clientHeight&&(clearTimeout(onFinishedTimerDebounce),onFinishedTimerDebounce=setTimeout(function(){return onFinished(!0)},500))},[onFinished]),chooseOption=(0,_react.useCallback)(function(option){multiple?!(selectedOptions.length>=maxSelects)&&(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([].concat(_toConsumableArray(selectedOptions),[option])),setSelectedOptions(function(oldstate){return[].concat(_toConsumableArray(oldstate),[option])})):(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([option]),setSelectedOptions([option]),setShowOptionsArea(!1))},[selectedOptions,multiple,setSelectedOptions,maxSelects]),selectAreaRef=(0,_react.useRef)(null),_useState7=(0,_react.useState)(null===(_selectAreaRef$curren=selectAreaRef.current)||void 0===_selectAreaRef$curren?void 0:_selectAreaRef$curren.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionOptions=_useState8[0],setPositionOptions=_useState8[1];return(0,_useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea,"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_components.InputWrapper,{ref:InputWrapperRef,width:width,fullWidth:void 0!==_ref$fullWidth&&_ref$fullWidth,onMouseOver:function(){var _selectAreaRef$curren2;setPositionOptions(null===(_selectAreaRef$curren2=selectAreaRef.current)||void 0===_selectAreaRef$curren2?void 0:_selectAreaRef$curren2.getBoundingClientRect().top)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.SelectArea,{ref:selectAreaRef,disabled:disabled,label:label,multiple:multiple,setShowOptionsArea:setShowOptionsArea,removeSelectedOption:function(event,option){if(event.stopPropagation(),!option)return setSelectedOptions([]),void(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([]));var newSelectedOptions=_toConsumableArray(selectedOptions),indexToRemove=selectedOptions.findIndex(function(chosenOption){return chosenOption.label===option.label});newSelectedOptions.splice(indexToRemove,1),setSelectedOptions(newSelectedOptions),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newSelectedOptions)},selectedOptions:selectedOptions,setSelectedOptions:setSelectedOptions,toggleOptionsAreaView:function toggleOptionsAreaView(event){event.stopPropagation(),disabled||setShowOptionsArea(!showOptionsArea)},inputAlert:inputAlert,placeholder:placeholder,dropDownIcon:dropDownIcon}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_ReactPortal=require("../ReactPortal"),_Flex=_interopRequireDefault(require("../Flex")),_components=require("./components"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_styles=require("./components/SelectArea/styles"),_animations=require("./animations"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var onFinishedTimerDebounce,MultipleSelect=function(_ref){var _selectAreaRef$curren,width=_ref.width,_ref$fullWidth=_ref.fullWidth,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$AutoComplete=_ref.AutoComplete,_ref$maxSelects=_ref.maxSelects,maxSelects=void 0===_ref$maxSelects?5:_ref$maxSelects,onChangeValue=_ref.onChangeValue,onChangeSearch=_ref.onChangeSearch,onFinished=_ref.onFinished,_ref$label=_ref.label,label=void 0===_ref$label?"SelectInput":_ref$label,selectType=_ref.selectType,_ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data,isLoadingData=_ref.isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,dropDownIcon=_ref.dropDownIcon,placeholder=_ref.placeholder,defaultSelectedOptions=_ref.defaultSelectedOptions,value=_ref.value,helperText=_ref.helperText,autoCompleteHelperText=_ref.autoCompleteHelperText,_ref$infiniteScroll=_ref.infiniteScroll,_useState=(0,_react.useState)(selectType),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1],_useState3=(0,_react.useState)(defaultSelectedOptions||[]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),showOptionsArea=_useState6[0],setShowOptionsArea=_useState6[1],InputWrapperRef=(0,_react.useRef)(null),optionsRef=(0,_react.useRef)(null);(0,_useOnClickOutside.useOnClickOutside)([InputWrapperRef,optionsRef],function(){setShowOptionsArea(!1)}),(0,_react.useEffect)(function(){setInputAlert(selectType)},[selectType]),(0,_react.useEffect)(function(){return null!==value&&void 0!==value&&value.length?setSelectedOptions(value):void setSelectedOptions([])},[value]);var scrollHandler=(0,_react.useCallback)(function(event){var _ref2=event.target,clientHeight=_ref2.clientHeight,scrollHeight=_ref2.scrollHeight,scrollTop=_ref2.scrollTop;!!onFinished&&120>=scrollHeight-scrollTop-clientHeight&&(clearTimeout(onFinishedTimerDebounce),onFinishedTimerDebounce=setTimeout(function(){return onFinished(!0)},500))},[onFinished]),chooseOption=(0,_react.useCallback)(function(option){multiple?!(selectedOptions.length>=maxSelects)&&(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([].concat(_toConsumableArray(selectedOptions),[option])),setSelectedOptions(function(oldstate){return[].concat(_toConsumableArray(oldstate),[option])})):(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([option]),setSelectedOptions([option]),setShowOptionsArea(!1))},[selectedOptions,multiple,setSelectedOptions,maxSelects]),selectAreaRef=(0,_react.useRef)(null),_useState7=(0,_react.useState)(null===(_selectAreaRef$curren=selectAreaRef.current)||void 0===_selectAreaRef$curren?void 0:_selectAreaRef$curren.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionOptions=_useState8[0],setPositionOptions=_useState8[1];return(0,_useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea,"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_components.InputWrapper,{ref:InputWrapperRef,width:width,fullWidth:void 0!==_ref$fullWidth&&_ref$fullWidth,onMouseOver:function(){var _selectAreaRef$curren2;setPositionOptions(null===(_selectAreaRef$curren2=selectAreaRef.current)||void 0===_selectAreaRef$curren2?void 0:_selectAreaRef$curren2.getBoundingClientRect().top)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.SelectArea,{ref:selectAreaRef,disabled:disabled,label:label,multiple:multiple,setShowOptionsArea:setShowOptionsArea,removeSelectedOption:function(event,option){if(event.stopPropagation(),!option)return setSelectedOptions([]),void(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([]));var newSelectedOptions=_toConsumableArray(selectedOptions),indexToRemove=selectedOptions.findIndex(function(chosenOption){return chosenOption.label===option.label});newSelectedOptions.splice(indexToRemove,1),setSelectedOptions(newSelectedOptions),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newSelectedOptions)},selectedOptions:selectedOptions,setSelectedOptions:setSelectedOptions,toggleOptionsAreaView:function toggleOptionsAreaView(event){event.stopPropagation(),disabled||setShowOptionsArea(!showOptionsArea)},inputAlert:inputAlert,placeholder:placeholder,dropDownIcon:dropDownIcon}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"multiple-select-portal",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:showOptionsArea&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,_objectSpread(_objectSpread({},_animations.multipleSelectAnimations),{},{ref:optionsRef,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.OptionsArea,{positionOptions:positionOptions||0,parentRef:selectAreaRef,infiniteScroll:void 0!==_ref$infiniteScroll&&_ref$infiniteScroll,AutoComplete:void 0!==_ref$AutoComplete&&_ref$AutoComplete,setShowOptionsArea:setShowOptionsArea,inputAlert:inputAlert,chooseOption:chooseOption,selectedOptions:selectedOptions,data:data,loadMoreData:loadMoreData,hasMoreData:hasMoreData,scrollHandler:scrollHandler,showOptionsArea:showOptionsArea,onChangeSearch:onChangeSearch,isLoadingData:isLoadingData,autoCompleteHelperText:autoCompleteHelperText})}))})})]}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{selectType:selectType,children:helperText})]})},_default=MultipleSelect;exports.default=_default;
|
package/dist/index.d.ts
CHANGED
|
@@ -38,6 +38,7 @@ export { CollapseCard } from './components/CollapseCard';
|
|
|
38
38
|
export { Observer } from './components/Observer';
|
|
39
39
|
export * from './components/EmojiPicker';
|
|
40
40
|
export * from './components/Carousel';
|
|
41
|
+
export * from './components/ForwardedModal';
|
|
41
42
|
export { default as Input } from './components/Input';
|
|
42
43
|
export { DateInput } from './components/DateInput';
|
|
43
44
|
export { TimeInput } from './components/TimeInput';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,cAAc,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,Combobox:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _Toast=require("./components/Toast");var _Carousel=require("./components/Carousel");var _colorCheck=require("./utils/colorCheck");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function get(){return _Combobox.Combobox}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});Object.keys(_Toast).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Toast[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Toast[key]}})});var _Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});Object.keys(_Carousel).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Carousel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Carousel[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_Combobox=require("./components/Combobox"),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
1
|
+
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,Combobox:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _Toast=require("./components/Toast");var _Carousel=require("./components/Carousel");var _ForwardedModal=require("./components/ForwardedModal");var _colorCheck=require("./utils/colorCheck");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function get(){return _Combobox.Combobox}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});Object.keys(_Toast).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Toast[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Toast[key]}})});var _Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});Object.keys(_Carousel).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Carousel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Carousel[key]}})});Object.keys(_ForwardedModal).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_ForwardedModal[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ForwardedModal[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_Combobox=require("./components/Combobox"),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSystemTheme=void 0;function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var useSystemTheme=function(){var _useState=(0,_react.useState)("light"),_useState2=_slicedToArray(_useState,2),theme=_useState2[0],setTheme=_useState2[1],isFirstRender=(0,_react.useRef)(!0);return(0,_react.useEffect)(function(){var handleThemeChange=function(event){var isDarkMode=event.matches;setTheme(isDarkMode?"dark":"light"),isFirstRender.current=!1},prefersDarkMode=window.matchMedia("(prefers-color-scheme: dark)");return setTheme(prefersDarkMode.matches?"dark":"light"),prefersDarkMode.addEventListener("change",handleThemeChange),function(){prefersDarkMode.removeEventListener("change",handleThemeChange)}},[]),{theme:theme,isFirstRender:isFirstRender.current}};exports.useSystemTheme=useSystemTheme;
|
|
1
|
+
"use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSystemTheme=void 0;function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var useSystemTheme=function(){var _useState=(0,_react.useState)("light"),_useState2=_slicedToArray(_useState,2),theme=_useState2[0],setTheme=_useState2[1],isFirstRender=(0,_react.useRef)(!0);return(0,_react.useEffect)(function(){var _window,_window$matchMedia,handleThemeChange=function(event){var isDarkMode=event.matches;setTheme(isDarkMode?"dark":"light"),isFirstRender.current=!1},prefersDarkMode=null===(_window=window)||void 0===_window||null===(_window$matchMedia=_window.matchMedia)||void 0===_window$matchMedia?void 0:_window$matchMedia.call(_window,"(prefers-color-scheme: dark)");return setTheme(null!==prefersDarkMode&&void 0!==prefersDarkMode&&prefersDarkMode.matches?"dark":"light"),null===prefersDarkMode||void 0===prefersDarkMode?void 0:prefersDarkMode.addEventListener("change",handleThemeChange),function(){null===prefersDarkMode||void 0===prefersDarkMode?void 0:prefersDarkMode.removeEventListener("change",handleThemeChange)}},[]),{theme:theme,isFirstRender:isFirstRender.current}};exports.useSystemTheme=useSystemTheme;
|