@e1011/es-kit 1.0.146 → 1.0.150

package/dist/lib/cjs/node_modules/core-js/modules/es.string.replace.js.map

@@ -1 +1 @@
-{"version":3,"file":"es.string.replace.js","sources":["../../../../../../node_modules/core-js/modules/es.string.replace.js"],"sourcesContent":["'use strict';\nvar apply = require('../internals/function-apply');\nvar call = require('../internals/function-call');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar fails = require('../internals/fails');\nvar anObject = require('../internals/an-object');\nvar isCallable = require('../internals/is-callable');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\nvar toLength = require('../internals/to-length');\nvar toString = require('../internals/to-string');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar advanceStringIndex = require('../internals/advance-string-index');\nvar getMethod = require('../internals/get-method');\nvar getSubstitution = require('../internals/get-substitution');\nvar regExpExec = require('../internals/regexp-exec-abstract');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar REPLACE = wellKnownSymbol('replace');\nvar max = Math.max;\nvar min = Math.min;\nvar concat = uncurryThis([].concat);\nvar push = uncurryThis([].push);\nvar stringIndexOf = uncurryThis(''.indexOf);\nvar stringSlice = uncurryThis(''.slice);\n\nvar maybeToString = function (it) {\n  return it === undefined ? it : String(it);\n};\n\n// IE <= 11 replaces $0 with the whole match, as if it was $&\n// https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0\nvar REPLACE_KEEPS_$0 = (function () {\n  // eslint-disable-next-line regexp/prefer-escape-replacement-dollar-char -- required for testing\n  return 'a'.replace(/./, '$0') === '$0';\n})();\n\n// Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string\nvar REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {\n  if (/./[REPLACE]) {\n    return /./[REPLACE]('a', '$0') === '';\n  }\n  return false;\n})();\n\nvar REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {\n  var re = /./;\n  re.exec = function () {\n    var result = [];\n    result.groups = { a: '7' };\n    return result;\n  };\n  // eslint-disable-next-line regexp/no-useless-dollar-replacements -- false positive\n  return ''.replace(re, '$<a>') !== '7';\n});\n\n// @@replace logic\nfixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {\n  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';\n\n  return [\n    // `String.prototype.replace` method\n    // https://tc39.es/ecma262/#sec-string.prototype.replace\n    function replace(searchValue, replaceValue) {\n      var O = requireObjectCoercible(this);\n      var replacer = isNullOrUndefined(searchValue) ? undefined : getMethod(searchValue, REPLACE);\n      return replacer\n        ? call(replacer, searchValue, O, replaceValue)\n        : call(nativeReplace, toString(O), searchValue, replaceValue);\n    },\n    // `RegExp.prototype[@@replace]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace\n    function (string, replaceValue) {\n      var rx = anObject(this);\n      var S = toString(string);\n\n      if (\n        typeof replaceValue == 'string' &&\n        stringIndexOf(replaceValue, UNSAFE_SUBSTITUTE) === -1 &&\n        stringIndexOf(replaceValue, '$<') === -1\n      ) {\n        var res = maybeCallNative(nativeReplace, rx, S, replaceValue);\n        if (res.done) return res.value;\n      }\n\n      var functionalReplace = isCallable(replaceValue);\n      if (!functionalReplace) replaceValue = toString(replaceValue);\n\n      var global = rx.global;\n      if (global) {\n        var fullUnicode = rx.unicode;\n        rx.lastIndex = 0;\n      }\n      var results = [];\n      while (true) {\n        var result = regExpExec(rx, S);\n        if (result === null) break;\n\n        push(results, result);\n        if (!global) break;\n\n        var matchStr = toString(result[0]);\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n      }\n\n      var accumulatedResult = '';\n      var nextSourcePosition = 0;\n      for (var i = 0; i < results.length; i++) {\n        result = results[i];\n\n        var matched = toString(result[0]);\n        var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);\n        var captures = [];\n        // NOTE: This is equivalent to\n        //   captures = result.slice(1).map(maybeToString)\n        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in\n        // the slice polyfill when slicing native arrays) \"doesn't work\" in safari 9 and\n        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.\n        for (var j = 1; j < result.length; j++) push(captures, maybeToString(result[j]));\n        var namedCaptures = result.groups;\n        if (functionalReplace) {\n          var replacerArgs = concat([matched], captures, position, S);\n          if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);\n          var replacement = toString(apply(replaceValue, undefined, replacerArgs));\n        } else {\n          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);\n        }\n        if (position >= nextSourcePosition) {\n          accumulatedResult += stringSlice(S, nextSourcePosition, position) + replacement;\n          nextSourcePosition = position + matched.length;\n        }\n      }\n      return accumulatedResult + stringSlice(S, nextSourcePosition);\n    }\n  ];\n}, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);\n"],"names":["apply","require$$0","call","require$$1","uncurryThis","require$$2","fixRegExpWellKnownSymbolLogic","require$$3","fails","require$$4","anObject","require$$5","isCallable","require$$6","isNullOrUndefined","require$$7","toIntegerOrInfinity","require$$8","toLength","require$$9","toString","require$$10","requireObjectCoercible","require$$11","advanceStringIndex","require$$12","getMethod","require$$13","getSubstitution","require$$14","regExpExec","require$$15","REPLACE","wellKnownSymbol","require$$16","max","Math","min","concat","push","stringIndexOf","indexOf","stringSlice","slice","REPLACE_KEEPS_$0","replace","REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE","_","nativeReplace","maybeCallNative","UNSAFE_SUBSTITUTE","searchValue","replaceValue","O","this","replacer","undefined","string","rx","S","res","done","value","functionalReplace","global","fullUnicode","unicode","lastIndex","results","result","it","accumulatedResult","nextSourcePosition","i","length","matched","position","index","captures","j","String","namedCaptures","groups","replacerArgs","replacement","re","exec","a"],"mappings":"iyBACIA,EAAQC,EAAAA,cACRC,EAAOC,EAAAA,aACPC,EAAcC,EAAAA,oBACdC,EAAgCC,EAAAA,8BAChCC,EAAQC,EAAAA,MACRC,EAAWC,EAAAA,SACXC,EAAaC,EAAAA,WACbC,EAAoBC,EAAAA,kBACpBC,EAAsBC,EAAAA,oBACtBC,EAAWC,EAAAA,SACXC,EAAWC,EAAAA,SACXC,EAAyBC,EAAAA,uBACzBC,EAAqBC,EAAAA,mBACrBC,EAAYC,EAAAA,UACZC,EAAkBC,EAAAA,gBAClBC,EAAaC,EAAAA,mBAGbC,GAAUC,EAFQC,EAAAA,iBAEQ,WAC1BC,EAAMC,KAAKD,IACXE,EAAMD,KAAKC,IACXC,EAASlC,EAAY,GAAGkC,QACxBC,EAAOnC,EAAY,GAAGmC,MACtBC,EAAgBpC,EAAY,GAAGqC,SAC/BC,EAActC,EAAY,GAAGuC,OAQ7BC,EAEgC,OAA3B,IAAIC,QAAQ,IAAK,MAItBC,IACE,IAAId,IAC6B,KAA5B,IAAIA,GAAS,IAAK,MAiB7B1B,EAA8B,WAAW,SAAUyC,EAAGC,EAAeC,GACnE,IAAIC,EAAoBJ,EAA+C,IAAM,KAE7E,MAAO,CAGL,SAAiBK,EAAaC,GAC5B,IAAIC,EAAI/B,EAAuBgC,MAC3BC,EAAWzC,EAAkBqC,QAAeK,EAAY9B,EAAUyB,EAAanB,GACnF,OAAOuB,EACHrD,EAAKqD,EAAUJ,EAAaE,EAAGD,GAC/BlD,EAAK8C,EAAe5B,EAASiC,GAAIF,EAAaC,EACnD,EAGD,SAAUK,EAAQL,GAChB,IAAIM,EAAKhD,EAAS4C,MACdK,EAAIvC,EAASqC,GAEjB,GACyB,iBAAhBL,IAC6C,IAApDZ,EAAcY,EAAcF,KACW,IAAvCV,EAAcY,EAAc,MAC5B,CACA,IAAIQ,EAAMX,EAAgBD,EAAeU,EAAIC,EAAGP,GAChD,GAAIQ,EAAIC,KAAM,OAAOD,EAAIE,KAC1B,CAED,IAAIC,EAAoBnD,EAAWwC,GAC9BW,IAAmBX,EAAehC,EAASgC,IAEhD,IAAIY,EAASN,EAAGM,OAChB,GAAIA,EAAQ,CACV,IAAIC,EAAcP,EAAGQ,QACrBR,EAAGS,UAAY,CAChB,CAED,IADA,IAAIC,EAAU,KACD,CACX,IAAIC,EAASvC,EAAW4B,EAAIC,GAC5B,GAAe,OAAXU,EAAiB,MAGrB,GADA9B,EAAK6B,EAASC,IACTL,EAAQ,MAGI,KADF5C,EAASiD,EAAO,MACVX,EAAGS,UAAY3C,EAAmBmC,EAAGzC,EAASwC,EAAGS,WAAYF,GACnF,CAID,IAFA,IA/EwBK,EA+EpBC,EAAoB,GACpBC,EAAqB,EAChBC,EAAI,EAAGA,EAAIL,EAAQM,OAAQD,IAAK,CAWvC,IARA,IAAIE,EAAUvD,GAFdiD,EAASD,EAAQK,IAEa,IAC1BG,EAAWzC,EAAIE,EAAIrB,EAAoBqD,EAAOQ,OAAQlB,EAAEe,QAAS,GACjEI,EAAW,GAMNC,EAAI,EAAGA,EAAIV,EAAOK,OAAQK,IAAKxC,EAAKuC,OA3FrCtB,KADcc,EA4F+CD,EAAOU,IA3FxDT,EAAKU,OAAOV,IA4FhC,IAAIW,EAAgBZ,EAAOa,OAC3B,GAAInB,EAAmB,CACrB,IAAIoB,EAAe7C,EAAO,CAACqC,GAAUG,EAAUF,EAAUjB,QACnCH,IAAlByB,GAA6B1C,EAAK4C,EAAcF,GACpD,IAAIG,EAAchE,EAASpB,EAAMoD,OAAcI,EAAW2B,GACpE,MACUC,EAAcxD,EAAgB+C,EAAShB,EAAGiB,EAAUE,EAAUG,EAAe7B,GAE3EwB,GAAYJ,IACdD,GAAqB7B,EAAYiB,EAAGa,EAAoBI,GAAYQ,EACpEZ,EAAqBI,EAAWD,EAAQD,OAE3C,CACD,OAAOH,EAAoB7B,EAAYiB,EAAGa,EAC3C,EAEL,KA1FqChE,GAAM,WACzC,IAAI6E,EAAK,IAOT,OANAA,EAAGC,KAAO,WACR,IAAIjB,EAAS,GAEb,OADAA,EAAOa,OAAS,CAAEK,EAAG,KACdlB,CACX,EAEoC,MAA3B,GAAGxB,QAAQwC,EAAI,OACxB,MAiFsCzC,GAAoBE"}
+{"version":3,"file":"es.string.replace.js","sources":["../../../../../../node_modules/core-js/modules/es.string.replace.js"],"sourcesContent":["'use strict';\nvar apply = require('../internals/function-apply');\nvar call = require('../internals/function-call');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar fails = require('../internals/fails');\nvar anObject = require('../internals/an-object');\nvar isCallable = require('../internals/is-callable');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\nvar toLength = require('../internals/to-length');\nvar toString = require('../internals/to-string');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar advanceStringIndex = require('../internals/advance-string-index');\nvar getMethod = require('../internals/get-method');\nvar getSubstitution = require('../internals/get-substitution');\nvar regExpExec = require('../internals/regexp-exec-abstract');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar REPLACE = wellKnownSymbol('replace');\nvar max = Math.max;\nvar min = Math.min;\nvar concat = uncurryThis([].concat);\nvar push = uncurryThis([].push);\nvar stringIndexOf = uncurryThis(''.indexOf);\nvar stringSlice = uncurryThis(''.slice);\n\nvar maybeToString = function (it) {\n  return it === undefined ? it : String(it);\n};\n\n// IE <= 11 replaces $0 with the whole match, as if it was $&\n// https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0\nvar REPLACE_KEEPS_$0 = (function () {\n  // eslint-disable-next-line regexp/prefer-escape-replacement-dollar-char -- required for testing\n  return 'a'.replace(/./, '$0') === '$0';\n})();\n\n// Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string\nvar REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {\n  if (/./[REPLACE]) {\n    return /./[REPLACE]('a', '$0') === '';\n  }\n  return false;\n})();\n\nvar REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {\n  var re = /./;\n  re.exec = function () {\n    var result = [];\n    result.groups = { a: '7' };\n    return result;\n  };\n  // eslint-disable-next-line regexp/no-useless-dollar-replacements -- false positive\n  return ''.replace(re, '$<a>') !== '7';\n});\n\n// @@replace logic\nfixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {\n  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';\n\n  return [\n    // `String.prototype.replace` method\n    // https://tc39.es/ecma262/#sec-string.prototype.replace\n    function replace(searchValue, replaceValue) {\n      var O = requireObjectCoercible(this);\n      var replacer = isNullOrUndefined(searchValue) ? undefined : getMethod(searchValue, REPLACE);\n      return replacer\n        ? call(replacer, searchValue, O, replaceValue)\n        : call(nativeReplace, toString(O), searchValue, replaceValue);\n    },\n    // `RegExp.prototype[@@replace]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace\n    function (string, replaceValue) {\n      var rx = anObject(this);\n      var S = toString(string);\n\n      if (\n        typeof replaceValue == 'string' &&\n        stringIndexOf(replaceValue, UNSAFE_SUBSTITUTE) === -1 &&\n        stringIndexOf(replaceValue, '$<') === -1\n      ) {\n        var res = maybeCallNative(nativeReplace, rx, S, replaceValue);\n        if (res.done) return res.value;\n      }\n\n      var functionalReplace = isCallable(replaceValue);\n      if (!functionalReplace) replaceValue = toString(replaceValue);\n\n      var global = rx.global;\n      var fullUnicode;\n      if (global) {\n        fullUnicode = rx.unicode;\n        rx.lastIndex = 0;\n      }\n\n      var results = [];\n      var result;\n      while (true) {\n        result = regExpExec(rx, S);\n        if (result === null) break;\n\n        push(results, result);\n        if (!global) break;\n\n        var matchStr = toString(result[0]);\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n      }\n\n      var accumulatedResult = '';\n      var nextSourcePosition = 0;\n      for (var i = 0; i < results.length; i++) {\n        result = results[i];\n\n        var matched = toString(result[0]);\n        var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);\n        var captures = [];\n        var replacement;\n        // NOTE: This is equivalent to\n        //   captures = result.slice(1).map(maybeToString)\n        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in\n        // the slice polyfill when slicing native arrays) \"doesn't work\" in safari 9 and\n        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.\n        for (var j = 1; j < result.length; j++) push(captures, maybeToString(result[j]));\n        var namedCaptures = result.groups;\n        if (functionalReplace) {\n          var replacerArgs = concat([matched], captures, position, S);\n          if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);\n          replacement = toString(apply(replaceValue, undefined, replacerArgs));\n        } else {\n          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);\n        }\n        if (position >= nextSourcePosition) {\n          accumulatedResult += stringSlice(S, nextSourcePosition, position) + replacement;\n          nextSourcePosition = position + matched.length;\n        }\n      }\n\n      return accumulatedResult + stringSlice(S, nextSourcePosition);\n    }\n  ];\n}, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);\n"],"names":["apply","require$$0","call","require$$1","uncurryThis","require$$2","fixRegExpWellKnownSymbolLogic","require$$3","fails","require$$4","anObject","require$$5","isCallable","require$$6","isNullOrUndefined","require$$7","toIntegerOrInfinity","require$$8","toLength","require$$9","toString","require$$10","requireObjectCoercible","require$$11","advanceStringIndex","require$$12","getMethod","require$$13","getSubstitution","require$$14","regExpExec","require$$15","REPLACE","wellKnownSymbol","require$$16","max","Math","min","concat","push","stringIndexOf","indexOf","stringSlice","slice","REPLACE_KEEPS_$0","replace","REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE","_","nativeReplace","maybeCallNative","UNSAFE_SUBSTITUTE","searchValue","replaceValue","O","this","replacer","undefined","string","rx","S","res","done","value","functionalReplace","fullUnicode","global","unicode","lastIndex","result","results","it","accumulatedResult","nextSourcePosition","i","length","replacement","matched","position","index","captures","j","String","namedCaptures","groups","replacerArgs","re","exec","a"],"mappings":"iyBACIA,EAAQC,EAAAA,cACRC,EAAOC,EAAAA,aACPC,EAAcC,EAAAA,oBACdC,EAAgCC,EAAAA,8BAChCC,EAAQC,EAAAA,MACRC,EAAWC,EAAAA,SACXC,EAAaC,EAAAA,WACbC,EAAoBC,EAAAA,kBACpBC,EAAsBC,EAAAA,oBACtBC,EAAWC,EAAAA,SACXC,EAAWC,EAAAA,SACXC,EAAyBC,EAAAA,uBACzBC,EAAqBC,EAAAA,mBACrBC,EAAYC,EAAAA,UACZC,EAAkBC,EAAAA,gBAClBC,EAAaC,EAAAA,mBAGbC,GAAUC,EAFQC,EAAAA,iBAEQ,WAC1BC,EAAMC,KAAKD,IACXE,EAAMD,KAAKC,IACXC,EAASlC,EAAY,GAAGkC,QACxBC,EAAOnC,EAAY,GAAGmC,MACtBC,EAAgBpC,EAAY,GAAGqC,SAC/BC,EAActC,EAAY,GAAGuC,OAQ7BC,EAEgC,OAA3B,IAAIC,QAAQ,IAAK,MAItBC,IACE,IAAId,IAC6B,KAA5B,IAAIA,GAAS,IAAK,MAiB7B1B,EAA8B,WAAW,SAAUyC,EAAGC,EAAeC,GACnE,IAAIC,EAAoBJ,EAA+C,IAAM,KAE7E,MAAO,CAGL,SAAiBK,EAAaC,GAC5B,IAAIC,EAAI/B,EAAuBgC,MAC3BC,EAAWzC,EAAkBqC,QAAeK,EAAY9B,EAAUyB,EAAanB,GACnF,OAAOuB,EACHrD,EAAKqD,EAAUJ,EAAaE,EAAGD,GAC/BlD,EAAK8C,EAAe5B,EAASiC,GAAIF,EAAaC,EACnD,EAGD,SAAUK,EAAQL,GAChB,IAAIM,EAAKhD,EAAS4C,MACdK,EAAIvC,EAASqC,GAEjB,GACyB,iBAAhBL,IAC6C,IAApDZ,EAAcY,EAAcF,KACW,IAAvCV,EAAcY,EAAc,MAC5B,CACA,IAAIQ,EAAMX,EAAgBD,EAAeU,EAAIC,EAAGP,GAChD,GAAIQ,EAAIC,KAAM,OAAOD,EAAIE,KAC1B,CAED,IAAIC,EAAoBnD,EAAWwC,GAC9BW,IAAmBX,EAAehC,EAASgC,IAEhD,IACIY,EADAC,EAASP,EAAGO,OAEZA,IACFD,EAAcN,EAAGQ,QACjBR,EAAGS,UAAY,GAKjB,IAFA,IACIC,EADAC,EAAU,GAIG,QADfD,EAAStC,EAAW4B,EAAIC,MAGxBpB,EAAK8B,EAASD,GACTH,IALM,CAQM,KADF7C,EAASgD,EAAO,MACVV,EAAGS,UAAY3C,EAAmBmC,EAAGzC,EAASwC,EAAGS,WAAYH,GACnF,CAID,IAFA,IAlFwBM,EAkFpBC,EAAoB,GACpBC,EAAqB,EAChBC,EAAI,EAAGA,EAAIJ,EAAQK,OAAQD,IAAK,CAYvC,IATA,IAGIE,EAHAC,EAAUxD,GAFdgD,EAASC,EAAQI,IAEa,IAC1BI,EAAW1C,EAAIE,EAAIrB,EAAoBoD,EAAOU,OAAQnB,EAAEe,QAAS,GACjEK,EAAW,GAONC,EAAI,EAAGA,EAAIZ,EAAOM,OAAQM,IAAKzC,EAAKwC,OA/FrCvB,KADcc,EAgG+CF,EAAOY,IA/FxDV,EAAKW,OAAOX,IAgGhC,IAAIY,EAAgBd,EAAOe,OAC3B,GAAIpB,EAAmB,CACrB,IAAIqB,EAAe9C,EAAO,CAACsC,GAAUG,EAAUF,EAAUlB,QACnCH,IAAlB0B,GAA6B3C,EAAK6C,EAAcF,GACpDP,EAAcvD,EAASpB,EAAMoD,OAAcI,EAAW4B,GAChE,MACUT,EAAc/C,EAAgBgD,EAASjB,EAAGkB,EAAUE,EAAUG,EAAe9B,GAE3EyB,GAAYL,IACdD,GAAqB7B,EAAYiB,EAAGa,EAAoBK,GAAYF,EACpEH,EAAqBK,EAAWD,EAAQF,OAE3C,CAED,OAAOH,EAAoB7B,EAAYiB,EAAGa,EAC3C,EAEL,KA/FqChE,GAAM,WACzC,IAAI6E,EAAK,IAOT,OANAA,EAAGC,KAAO,WACR,IAAIlB,EAAS,GAEb,OADAA,EAAOe,OAAS,CAAEI,EAAG,KACdnB,CACX,EAEoC,MAA3B,GAAGvB,QAAQwC,EAAI,OACxB,MAsFsCzC,GAAoBE"}

package/dist/lib/cjs/src/core/constants/ui.constants.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(e){return e.MouseEnter="mouseenter",e.MouseLeave="mouseleave",e.Hover="hover",e.Click="click",e.Focus="focus",e.Blur="blur",e.KeyDown="keydown",e.Scroll="scroll",e}({});exports.EventName=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});let e=function(e){return e.MouseEnter="mouseenter",e.MouseLeave="mouseleave",e.Hover="hover",e.Click="click",e.Focus="focus",e.Blur="blur",e.KeyDown="keydown",e.Scroll="scroll",e}({});exports.EventName=e;
 //# sourceMappingURL=ui.constants.js.map

package/dist/lib/cjs/src/core/hooks/useApi.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../_virtual/_rollupPluginBabelHelpers.js"),e=require("react"),a={},t={loading:!1,error:null,data:null};exports.useApi=function(n,o,u,c,l){var d=e.useState(t),i=r.slicedToArray(d,2),s=i[0],p=i[1];a[n]||(a[n]={id:n,caller:o,decorator:u,successHandler:c,errorHandler:l});var b=a[n],v=b.caller,g=b.decorator,f=b.successHandler,j=b.errorHandler,S=e.useCallback(r.asyncToGenerator(r.regeneratorRuntime().mark((function e(){var a,t,n=arguments;return r.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,p((function(e){return r.objectSpread2(r.objectSpread2({},e),{},{loading:!0})})),e.next=4,v.apply(void 0,n);case 4:return a=e.sent,t=g?g(a):a,f&&f({data:t,originalData:a.data}),p((function(e){return r.objectSpread2(r.objectSpread2({},e),{},{loading:!1,error:null,data:t,originalData:a.data})})),e.abrupt("return",t);case 11:throw e.prev=11,e.t0=e.catch(0),j&&j(e.t0),p((function(a){return r.objectSpread2(r.objectSpread2({},a),{},{loading:!1,error:e.t0})})),e.t0;case 16:case"end":return e.stop()}}),e,null,[[0,11]])}))),[v,g,f,j]);return[S,s]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react");const a={},o={loading:!1,error:null,data:null};exports.useApi=(l,t,n,s,c)=>{const[d,u]=e.useState(o);a[l]||(a[l]={id:l,caller:t,decorator:n,successHandler:s,errorHandler:c});const{caller:i,decorator:g,successHandler:p,errorHandler:H}=a[l];return[e.useCallback(r.asyncToGenerator((function*(){try{u((r=>({...r,loading:!0})));const r=yield i(...arguments),e=g?g(r):r;return p&&p({data:e,originalData:r.data}),u((a=>({...a,loading:!1,error:null,data:e,originalData:r.data}))),e}catch(r){throw H&&H(r),u((e=>({...e,loading:!1,error:r}))),r}})),[i,g,p,H]),d]};
 //# sourceMappingURL=useApi.js.map

package/dist/lib/cjs/src/core/hooks/useApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"useApi.js","sources":["../../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any | any[] | null\n\nexport type DataFetching = { data?: Data; error?: string | null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> | any) => Record<string, any>\n\ntype UseApiItem = {\n  id: string\n  caller: Caller\n  decorator?: Decorator\n  successHandler?: (data: any) => void\n  errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n  id: string,\n  callerInitial: Caller,\n  decoratorIntitial?: Decorator,\n  successHandler?: (data: any) => void,\n  errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n  const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n  // TODO should work the same with useMemo...\n  if (!map[id]) {\n    map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n  }\n\n  const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n  const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n    try {\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n      const data: Data = await caller(...args)\n      const returnData = decorator ? decorator(data) : data\n\n      onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n      setDataFetching((prevState: DataFetching) => {\n        const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n        return newState\n      })\n\n      return returnData\n    } catch (error: any) {\n      onError && onError(error)\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n      throw error\n    }\n  }, [caller, decorator, onSuccess, onError])\n\n  return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","id","callerInitial","decoratorIntitial","successHandler","errorHandler","_useState","useState","_useState2","_slicedToArray","dataFetching","setDataFetching","caller","decorator","_map$id","onSuccess","onError","doCall","useCallback","_asyncToGenerator","asyncToGenerator","_regeneratorRuntime","regeneratorRuntime","mark","_callee","_data","returnData","_args","arguments","wrap","_context","prev","next","prevState","_objectSpread","objectSpread2","apply","sent","originalData","abrupt","t0","stop"],"mappings":"uJAkBMA,EAAkC,CAAA,EAElCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,qBAE3C,SACpBC,EACAC,EACAC,EACAC,EACAC,GAGA,IAAAC,EAAwCC,EAAQA,SAAeV,GAAoBW,EAAAC,EAAAA,cAAAH,EAAA,GAA5EI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAG/BZ,EAAIK,KACPL,EAAIK,GAAM,CAAEA,GAAAA,EAAIW,OAAQV,EAAeW,UAAWV,EAAmBC,eAAAA,EAAgBC,aAAAA,IAGvF,IAAAS,EAAgFlB,EAAIK,GAA5EW,EAAME,EAANF,OAAQC,EAASC,EAATD,UAA2BE,EAASD,EAAzBV,eAAyCY,EAAOF,EAArBT,aAEhDY,EAA6BC,EAAAA,YAAWC,EAAAC,iBAAAC,EAAAC,qBAAAC,MAAC,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,UAAA,OAAAP,EAAAC,qBAAAO,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAEoC,OAFpCF,EAAAC,KAAA,EAE3CpB,GAAgB,SAACsB,GAAuB,OAAAC,EAAAC,cAAAD,EAAAC,cAAA,CAAA,EAAWF,GAAS,CAAA,EAAA,CAAEnC,SAAS,GAAI,IAAIgC,EAAAE,KAAA,EACtDpB,EAAMwB,WAAA,EAAAT,GAAS,KAAA,EAStC,OATI3B,EAAU8B,EAAAO,KACVX,EAAab,EAAYA,EAAUb,GAAQA,EAEjDe,GAAaA,EAAU,CAAEf,KAAM0B,EAAYY,aAActC,EAAKA,OAE9DW,GAAgB,SAACsB,GAGf,OAFcC,EAAAA,cAAAA,EAAAA,iBAAQD,GAAS,GAAA,CAAEnC,SAAS,EAAOC,MAAO,KAAMC,KAAM0B,EAAYY,aAActC,EAAKA,MAGrG,IAAE8B,EAAAS,OAAA,SAEKb,GAAU,KAAA,GAGsE,MAHtEI,EAAAC,KAAA,GAAAD,EAAAU,GAAAV,EAAA,MAAA,GAEjBd,GAAWA,EAAOc,EAAAU,IAClB7B,GAAgB,SAACsB,GAAuB,OAAAC,EAAAC,cAAAD,EAAAC,cAAA,CAAA,EAAWF,GAAS,CAAA,EAAA,CAAEnC,SAAS,EAAOC,MAAK+B,EAAAU,IAAA,IAAIV,EAAAU,GAAA,KAAA,GAAA,IAAA,MAAA,OAAAV,EAAAW,OAAA,GAAAjB,EAAA,KAAA,CAAA,CAAA,EAAA,UAGxF,CAACZ,EAAQC,EAAWE,EAAWC,IAElC,MAAO,CAACC,EAAQP,EAClB"}
+{"version":3,"file":"useApi.js","sources":["../../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any | any[] | null\n\nexport type DataFetching = { data?: Data; error?: string | null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> | any) => Record<string, any>\n\ntype UseApiItem = {\n  id: string\n  caller: Caller\n  decorator?: Decorator\n  successHandler?: (data: any) => void\n  errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n  id: string,\n  callerInitial: Caller,\n  decoratorIntitial?: Decorator,\n  successHandler?: (data: any) => void,\n  errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n  const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n  // TODO should work the same with useMemo...\n  if (!map[id]) {\n    map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n  }\n\n  const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n  const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n    try {\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n      const data: Data = await caller(...args)\n      const returnData = decorator ? decorator(data) : data\n\n      onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n      setDataFetching((prevState: DataFetching) => {\n        const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n        return newState\n      })\n\n      return returnData\n    } catch (error: any) {\n      onError && onError(error)\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n      throw error\n    }\n  }, [caller, decorator, onSuccess, onError])\n\n  return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","_asyncToGenerator","prevState","arguments","returnData","originalData"],"mappings":"4OAkBA,MAAMA,EAAkC,CAAA,EAElCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,qBAE3CC,CACpBC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAOC,EAAcC,GAAmBC,EAAQA,SAAeZ,GAG1DD,EAAIM,KACPN,EAAIM,GAAM,CAAEA,KAAIQ,OAAQP,EAAeQ,UAAWP,EAAmBC,iBAAgBC,iBAGvF,MAAMI,OAAEA,EAAMC,UAAEA,EAAWN,eAAgBO,EAAWN,aAAcO,GAAYjB,EAAIM,GAwBpF,MAAO,CAtB4BY,cAAWC,EAAAA,kBAAC,YAC7C,IACEP,GAAiBQ,IAA6B,IAAKA,EAAWlB,SAAS,MACvE,MAAME,QAAmBU,KAAOO,WAC1BC,EAAaP,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMkB,EAAYC,aAAcnB,EAAKA,OAE9DQ,GAAiBQ,IACE,IAAKA,EAAWlB,SAAS,EAAOC,MAAO,KAAMC,KAAMkB,EAAYC,aAAcnB,EAAKA,SAK9FkB,CACR,CAAC,MAAOnB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,IAA6B,IAAKA,EAAWlB,SAAS,EAAOC,YACxEA,CACR,KACC,CAACW,EAAQC,EAAWC,EAAWC,IAElBN,EAAa"}

package/dist/lib/cjs/src/core/hooks/useClassNames.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),s=require("../utils/helpers/ui.js");exports.useClassNames=function(u,l){return r.useMemo((function(){return s.classNames.apply(void 0,e.toConsumableArray(u))}),[u,l])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react"),s=require("../utils/helpers/ui.js");exports.useClassNames=(r,o)=>e.useMemo((()=>s.classNames(...r)),[r,o]);
 //# sourceMappingURL=useClassNames.js.map

package/dist/lib/cjs/src/core/hooks/useClassNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClassNames.js","sources":["../../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\nexport const useClassNames = (\n  classes: TClassName[],\n  deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n) => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["classes","deps","useMemo","classNames","apply","_toConsumableArray","toConsumableArray"],"mappings":"iNAI6B,SAC3BA,EACAC,GACF,OACKC,EAAOA,SAAC,WAAA,OAAMC,EAAAA,WAAUC,aAAAC,EAAAC,kBAAIN,GAAQ,GAAE,CAACA,EAASC,GAAM"}
+{"version":3,"file":"useClassNames.js","sources":["../../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\nexport const useClassNames = (\n  classes: TClassName[],\n  deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n) => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","classNames"],"mappings":"sOAI6BA,CAC3BC,EACAC,IAEGC,EAAOA,SAAC,IAAMC,EAAAA,cAAcH,IAAU,CAACA,EAASC"}

package/dist/lib/cjs/src/core/hooks/useOutsideClick.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../constants/ui.constants.js"),n=require("../ui/utils/clickOutside.js");exports.outsideClickHandler=function(e,i){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(e,i);return document.addEventListener(t.EventName.Click,r),function(){return document.removeEventListener(t.EventName.Click,r)}},exports.useOutsideClick=function(i,r){var u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(i,r),c=e.useCallback((function(){return document.removeEventListener(t.EventName.Click,u)}),[]);return e.useEffect((function(){return c(),document.addEventListener(t.EventName.Click,u),c}),[i,u,c]),c};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../constants/ui.constants.js"),n=require("../ui/utils/clickOutside.js");exports.outsideClickHandler=function(e,i){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(e,i);return document.addEventListener(t.EventName.Click,s),()=>document.removeEventListener(t.EventName.Click,s)},exports.useOutsideClick=function(i,s){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(i,s);const u=e.useCallback((()=>document.removeEventListener(t.EventName.Click,r)),[]);return e.useEffect((()=>(u(),document.addEventListener(t.EventName.Click,r),u)),[i,r,u]),u};
 //# sourceMappingURL=useOutsideClick.js.map

package/dist/lib/cjs/src/core/hooks/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = useCallback(() => document.removeEventListener(EventName.Click, handleClickOutside), [])\n\n  useEffect(() => {\n    unsubscriber()\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return unsubscriber\n  }, [element, handleClickOutside, unsubscriber])\n\n  return unsubscriber\n}\n\nexport function outsideClickHandler(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = () => document.removeEventListener(EventName.Click, handleClickOutside)\n\n  document.addEventListener(EventName.Click, handleClickOutside)\n\n  return unsubscriber\n}\n"],"names":["element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","document","addEventListener","EventName","Click","removeEventListener","unsubscriber","useCallback","useEffect"],"mappings":"0MAyBO,SACLA,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAyBJ,mBAACF,EAASC,GAMxD,OAFAM,SAASC,iBAAiBC,EAAAA,UAAUC,MAAOR,GAFtB,WAAH,OAASK,SAASI,oBAAoBF,EAASA,UAACC,MAAOR,EAAmB,CAK9F,0BA3BO,SACLF,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAyBJ,mBAACF,EAASC,GAElDW,EAAeC,EAAAA,aAAY,WAAA,OAAMN,SAASI,oBAAoBF,EAASA,UAACC,MAAOR,EAAmB,GAAE,IAS1G,OAPAY,EAAAA,WAAU,WAIR,OAHAF,IACAL,SAASC,iBAAiBC,EAAAA,UAAUC,MAAOR,GAEpCU,CACR,GAAE,CAACZ,EAASE,EAAoBU,IAE1BA,CACT"}
+{"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = useCallback(() => document.removeEventListener(EventName.Click, handleClickOutside), [])\n\n  useEffect(() => {\n    unsubscriber()\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return unsubscriber\n  }, [element, handleClickOutside, unsubscriber])\n\n  return unsubscriber\n}\n\nexport function outsideClickHandler(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = () => document.removeEventListener(EventName.Click, handleClickOutside)\n\n  document.addEventListener(EventName.Click, handleClickOutside)\n\n  return unsubscriber\n}\n"],"names":["element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","document","addEventListener","EventName","Click","unsubscriber","removeEventListener","useCallback","useEffect"],"mappings":"0MAyBO,SACLA,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAyBJ,mBAACF,EAASC,GAMxD,OAFAM,SAASC,iBAAiBC,EAAAA,UAAUC,MAAOR,GAFtBS,IAAMJ,SAASK,oBAAoBH,EAAAA,UAAUC,MAAOR,EAK3E,0BA3BO,SACLF,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAyBJ,mBAACF,EAASC,GAExD,MAAMU,EAAeE,eAAY,IAAMN,SAASK,oBAAoBH,EAASA,UAACC,MAAOR,IAAqB,IAS1G,OAPAY,EAAAA,WAAU,KACRH,IACAJ,SAASC,iBAAiBC,EAAAA,UAAUC,MAAOR,GAEpCS,IACN,CAACX,EAASE,EAAoBS,IAE1BA,CACT"}

package/dist/lib/cjs/src/core/hooks/useParseProps.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../utils/helpers/ui.js");exports.useParseProps=function(s){return e.useMemo((function(){return r.parseProps(s)}),[s])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../utils/helpers/ui.js");exports.useParseProps=s=>e.useMemo((()=>r.parseProps(s)),[s]);
 //# sourceMappingURL=useParseProps.js.map

package/dist/lib/cjs/src/core/hooks/useParseProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["props","useMemo","parseProps"],"mappings":"qJAK6B,SAACA,GAG5B,OAFwBC,EAAAA,SAAQ,WAAA,OAAMC,EAAAA,WAAWF,KAAQ,CAACA,GAG5D"}
+{"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["props","useMemo","parseProps"],"mappings":"qJAK8BA,GACJC,EAAAA,SAAQ,IAAMC,EAAAA,WAAWF,IAAQ,CAACA"}

package/dist/lib/cjs/src/core/hooks/useResize.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,n=arguments.length>1?arguments[1]:void 0,u=t.useState({width:void 0,height:void 0}),l=e.slicedToArray(u,2),o=l[0],d=l[1],c=t.useRef({width:0,height:0}),v=t.useRef(),h=t.useRef(),s=t.useMemo((function(){return i.default((function(e){var t,i,r,u,l=e[0].contentRect.width,o=e[0].contentRect.height;(null===(t=c.current)||void 0===t?void 0:t.width)===l&&(null===(i=c.current)||void 0===i?void 0:i.height)===o||(c.current={width:l,height:o},(n||d)({width:null==v||null===(r=v.current)||void 0===r?void 0:r.clientWidth,height:null==v||null===(u=v.current)||void 0===u?void 0:u.clientHeight}))}),r)}),[n,r]);return t.useLayoutEffect((function(){var e,t,i,r;null!=v&&v.current&&(t=null==v?void 0:v.current,(e=new ResizeObserver(s)).observe(t),(n||d)({width:null==v||null===(i=v.current)||void 0===i?void 0:i.clientWidth,height:null==v||null===(r=v.current)||void 0===r?void 0:r.clientHeight}));var u=function(){var i,r;null===(i=e)||void 0===i||null===(r=i.unobserve)||void 0===r||r.call(i,t)};return h.current=u,u}),[s,v,n]),[v,o,h.current]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react"),t=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){let i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,n=arguments.length>1?arguments[1]:void 0;const[r,u]=e.useState({width:void 0,height:void 0}),l=e.useRef({width:0,height:0}),o=e.useRef(),d=e.useRef(),c=e.useMemo((()=>t.default((e=>{var t,i,r,d;const c=e[0].contentRect.width,s=e[0].contentRect.height;(null===(t=l.current)||void 0===t?void 0:t.width)===c&&(null===(i=l.current)||void 0===i?void 0:i.height)===s||(l.current={width:c,height:s},(n||u)({width:null==o||null===(r=o.current)||void 0===r?void 0:r.clientWidth,height:null==o||null===(d=o.current)||void 0===d?void 0:d.clientHeight}))}),i)),[n,i]);return e.useLayoutEffect((()=>{let e,t;var i,r;null!=o&&o.current&&(t=null==o?void 0:o.current,e=new ResizeObserver(c),e.observe(t),(n||u)({width:null==o||null===(i=o.current)||void 0===i?void 0:i.clientWidth,height:null==o||null===(r=o.current)||void 0===r?void 0:r.clientHeight}));const l=()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)};return d.current=l,l}),[c,o,n]),[o,r,d.current]};
 //# sourceMappingURL=useResize.js.map

package/dist/lib/cjs/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["debounceDelay","arguments","length","undefined","callBack","_useState","useState","width","height","_useState2","_slicedToArray","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"kOAYyB,WACmE,IADlEA,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzEE,EACIC,EAAAA,SAAsB,CAAEC,WAAOJ,EAAWK,YAAQL,IAAYM,EAAAC,EAAAA,cAAAL,EAAA,GAD3DM,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAqBC,EAAAA,OAAoB,CAAEP,MAAO,EAAGC,OAAQ,IAC7DO,EAAiED,EAAAA,SACjEE,EAAgBF,EAAAA,SAEhBG,EAAyBC,EAAAA,SAAQ,WAAA,OAAMC,EAAAA,SAAS,SAACC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAC3DC,EAAiBL,EAAQ,GAAGM,YAAYnB,MACxCoB,EAAkBP,EAAQ,GAAGM,YAAYlB,QAEjBa,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4Bd,SAAUkB,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4Bd,UAAWmB,IAG5Cd,EAAmBe,QAAU,CAAErB,MAAOkB,EAAgBjB,OAAQmB,IAG5DvB,GAAYQ,GAAkB,CAC9BL,MAAOQ,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BrB,OAAQO,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAElC,GAAE9B,EAAc,GAAE,CAACI,EAAUJ,IA2B9B,OAzBA+B,EAAAA,iBAAgB,WACd,IAAIC,EACAC,EAEuBC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,SACjCI,EAAiB,IAAII,eAAenB,IACrBoB,QAAQJ,IAGrB7B,GAAYQ,GAAkB,CAC9BL,MAAOQ,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BrB,OAAQO,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,IAAMQ,EAAa,WAAM,IAAAC,EAAAC,EACT,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,IAM9B,OAFAjB,EAAcY,QAAUU,EAEjBA,CACR,GAAE,CAACrB,EAAwBF,EAAcX,IAEnC,CAACW,EAAcJ,EAAeK,EAAcY,QACrD"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"uPAYyB,WACmE,IADlEA,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAClBC,WAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEhDO,EAAqBC,EAAAA,OAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,EAAAA,SACjEE,EAAgBF,EAAAA,SAEhBG,EAAyBC,EAAAA,SAAQ,IAAMC,EAAAA,SAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA2B9B,OAzBA4B,EAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,MAAMQ,EAAaA,KAAM,IAAAC,EAAAC,EACT,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}

package/dist/lib/cjs/src/core/hooks/useToggle.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react");exports.useToggle=function(u){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],l=r.useState(u),n=e.slicedToArray(l,2),o=n[0],a=n[1],i=r.useCallback((function(e){a(t?function(r){return"boolean"==typeof e?e:!r}:null!=e?e:!o)}),[t,o,a]),s=r.useCallback((function(e){return i(void 0===e||e)}),[i]),c=r.useCallback((function(e){return i(void 0!==e&&e)}),[i]);return[o,i,s,c]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react");exports.useToggle=function(o){let l=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[t,r]=e.useState(o),s=e.useCallback((e=>{r(l?o=>"boolean"==typeof e?e:!o:null!=e?e:!t)}),[l,t,r]),u=e.useCallback((e=>s(void 0===e||e)),[s]),a=e.useCallback((e=>s(void 0!==e&&e)),[s]);return[t,s,u,a]};
 //# sourceMappingURL=useToggle.js.map

package/dist/lib/cjs/src/core/hooks/useToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n\nexport type useTogggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\nexport const useToggle = (defaultValue: boolean, async = true): useTogggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["defaultValue","async","arguments","length","undefined","_useState","useState","_useState2","_slicedToArray","toggled","setToggled","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"yKAUyB,SAACA,GAA8D,IAAvCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpDG,EAA8BC,EAAQA,SAACN,GAAaO,EAAAC,EAAAA,cAAAH,EAAA,GAA7CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAgDC,eAAY,SAACC,GAE/DH,EADET,EACS,SAACa,GAAW,MAAyB,kBAAXD,EAAuBA,GAASC,CAAW,EAEpED,QAAwCA,GAASJ,EAEhE,GAAE,CAACR,EAAOQ,EAASC,IAEdK,EAAmBH,eACvB,SAACI,GAAoB,OAAKL,OAA4BP,IAAfY,GAAkCA,KAAa,CAACL,IAGnFM,EAAoBL,eACxB,SAACI,GAAoB,OAAKL,OAA4BP,IAAfY,GAAmCA,KAAa,CAACL,IAG1F,MAAO,CAACF,EAASE,EAAcI,EAAkBE,EACnD"}
+{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n\nexport type useTogggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\nexport const useToggle = (defaultValue: boolean, async = true): useTogggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"8LAUyB,SAACA,GAA8D,IAAvCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAAQA,SAACP,GAEjCQ,EAAgDC,EAAWA,aAAEC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAEdM,EAAmBH,EAAAA,aACtBI,GAAyBL,OAA4BJ,IAAfS,GAAkCA,IAAa,CAACL,IAGnFM,EAAoBL,EAAAA,aACvBI,GAAyBL,OAA4BJ,IAAfS,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}

package/dist/lib/cjs/src/core/hooks/useTranslations.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../node_modules/core-js/modules/es.array.iterator.js"),require("../../../node_modules/core-js/modules/es.map.constructor.js"),require("../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../node_modules/core-js/modules/es.string.iterator.js"),require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var r=require("react-i18next"),s=new Map,t=r.useTranslation,o=function(r){if(s.has(r))return s.get(r);var t=function(s,t){if(!s)return"";var o=s.split(" ");return 2===o.length?r(o[0],e.objectSpread2(e.objectSpread2({},t),{},{limit:o[1]})):r(s,t)};return s.set(r,t),t};exports.createSafeT=o,exports.setUseTranslation=function(e){t=e},exports.useTranslations=function(e){var r=t(e).t;return{t:o(r)}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react-i18next");const t=new Map;let r=e.useTranslation;const s=e=>{if(t.has(e))return t.get(e);const r=(t,r)=>{if(!t)return"";const s=t.split(" ");return 2===s.length?e(s[0],{...r,limit:s[1]}):e(t,r)};return t.set(e,r),r};exports.createSafeT=s,exports.setUseTranslation=e=>{r=e},exports.useTranslations=e=>{const{t:t}=r(e);return{t:s(t)}};
 //# sourceMappingURL=useTranslations.js.map

package/dist/lib/cjs/src/core/hooks/useTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","createSafeT","t","has","get","value","key","params","limits","split","length","_objectSpread","limit","set","useTrans","namespaces"],"mappings":"ghBAIMA,EAAuC,IAAIC,IAE7CC,EAAyBC,EAAAA,eAMhBC,EAAc,SAACC,GAC1B,GAAIL,EAAMM,IAAID,GACZ,OAAOL,EAAMO,IAAIF,GAEnB,IAAMG,EAAwB,SAACC,EAAyBC,GACtD,IAAKD,EACH,MAAO,GAET,IAAME,EAASF,EAAIG,MAAM,KAEzB,OAAsB,IAAlBD,EAAOE,OACFR,EAAEM,EAAO,GAAEG,EAAAA,cAAAA,EAAAA,cAAA,CAAA,EAAOJ,GAAM,GAAA,CAAEK,MAAOJ,EAAO,MAE1CN,EAAEI,EAAKC,IAIhB,OADAV,EAAMgB,IAAIX,EAAGG,GACNA,CACT,kDAtBiC,SAACS,GAChCf,EAAyBe,CAC3B,0BAyB+B,SAACC,GAC9B,IAAQb,EAAMH,EAAuBgB,GAA7Bb,EAER,MAAO,CAAEA,EAAGD,EAAYC,GAC1B"}
+{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","setUseTranslation","createSafeT","t","has","get","value","key","params","limits","split","length","limit","set","useTrans","namespaces"],"mappings":"oLAIA,MAAMA,EAAuC,IAAIC,IAEjD,IAAIC,EAAyBC,EAAAA,eAEhBC,MAIAC,EAAeC,IAC1B,GAAIN,EAAMO,IAAID,GACZ,OAAON,EAAMQ,IAAIF,GAEnB,MAAMG,EAAwBA,CAACC,EAAyBC,KACtD,IAAKD,EACH,MAAO,GAET,MAAME,EAASF,EAAIG,MAAM,KAEzB,OAAsB,IAAlBD,EAAOE,OACFR,EAAEM,EAAO,GAAI,IAAKD,EAAQI,MAAOH,EAAO,KAE1CN,EAAEI,EAAKC,EAAO,EAIvB,OADAX,EAAMgB,IAAIV,EAAGG,GACNA,CAAK,kDArBoBQ,IAChCf,EAAyBe,CAAQ,0BA0BHC,IAC9B,MAAMZ,EAAEA,GAAMJ,EAAuBgB,GAErC,MAAO,CAAEZ,EAAGD,EAAYC,GAAqB"}

package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),l=require("../../../hooks/useParseProps.js"),t=require("./CollapsibleContainer.module.scss.js"),a=["collapsed","collapseHandler","children","horizontal","className"],o={width:"scrollWidth",height:"scrollHeight"},s=r.memo((function(s){var n=s.collapsed,u=void 0!==n&&n,i=s.collapseHandler,c=s.children,d=s.horizontal,p=void 0!==d&&d,h=s.className,f=void 0===h?"":h,m=e.objectWithoutProperties(s,a),v=r.useRef(null),j=r.useState(0),P=e.slicedToArray(j,2),b=P[0],x=P[1],g=l.useParseProps(m),y=g.dataProps,C=g.restProps,q=!p;r.useEffect((function(){null==i||i(u)}),[i,u]),r.useLayoutEffect((function(){if(null!=v&&v.current){var e=q?"height":"width";setTimeout((function(){null!=v&&v.current&&x(v.current[o[e]])}),100)}}),[v,q]);var _=r.useMemo((function(){return e.objectSpread2({"--prop-name":q?"height":"width","--prop-max-name":q?"max-height":"max-width","--prop-value":"".concat(b,"px")},C)}),[q,C,b]),w=r.useMemo((function(){var e=[q?t.default.vertical:t.default.horizontal];return u&&b&&null!=b&&e.push(t.default.collapsed),!u&&b&&null!=b&&e.push(t.default.expanded),e.join(" ")}),[u,b,q]);return React.createElement("div",e.extends({className:"".concat(t.default["collapsible-container"]," ").concat(w," ").concat(f," "),ref:v,style:_},y),c)}));s.displayName="CollapsibleContainer",exports.CollapsibleContainer=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var l=require("react"),t=require("../../../hooks/useParseProps.js"),r=require("./CollapsibleContainer.module.scss.js");const s={width:"scrollWidth",height:"scrollHeight"},o=l.memo((o=>{let{collapsed:a=!1,collapseHandler:u,children:n,horizontal:c=!1,className:i="",...d}=o;const p=l.useRef(null),[h,m]=l.useState(0),{dataProps:f,restProps:x}=t.useParseProps(d),P=!c;l.useEffect((()=>{null==u||u(a)}),[u,a]),l.useLayoutEffect((()=>{if(null!=p&&p.current){const e=P?"height":"width";setTimeout((()=>{null!=p&&p.current&&m(p.current[s[e]])}),100)}}),[p,P]);const b=l.useMemo((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(h,"px"),...x})),[P,x,h]),j=l.useMemo((()=>{const e=[P?r.default.vertical:r.default.horizontal];return a&&h&&null!=h&&e.push(r.default.collapsed),!a&&h&&null!=h&&e.push(r.default.expanded),e.join(" ")}),[a,h,P]);return React.createElement("div",e.extends({className:"".concat(r.default["collapsible-container"]," ").concat(j," ").concat(i," "),ref:p,style:b},f),n)}));o.displayName="CollapsibleContainer",exports.CollapsibleContainer=o;
 //# sourceMappingURL=CollapsibleContainer.js.map

package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","_ref$collapsed","collapsed","collapseHandler","children","_ref$horizontal","horizontal","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","contentProp","setContentProp","_useParseProps","useParseProps","dataProps","style","restProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","_objectSpread","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"iZASMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,EAAAA,MAAK,SAAAC,GAEvC,IAAAC,EAAAD,EAD/BE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAAAP,EAAEQ,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAC,wBAAAX,EAAAY,GAEpFC,EAAeC,SAAuB,MAC5CC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAElCI,EAAwCC,EAAaA,cAACb,GAA9Cc,EAASF,EAATE,UAAsBC,EAAKH,EAAhBI,UAEbC,GAAYpB,EAElBqB,EAAAA,WAAU,WACRxB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErB0B,EAAAA,iBAAgB,WACd,GAAIf,SAAAA,EAAcgB,QAAS,CACzB,IAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,WACLlB,SAAAA,EAAcgB,SAChBT,EAAgBP,EAAagB,QAAgBlC,EAAmBmC,IAEnE,GAAE,IACL,CACF,GAAG,CAACjB,EAAca,IAElB,IAAMM,EAA4BC,EAAAA,SAAQ,WAAA,OAAAC,gBAAA,CACxC,cAAeR,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAc,GAAAS,OAAKhB,EAAW,OAC3BK,EACc,GAAE,CAACE,EAAUF,EAAOL,IAEjCiB,EAAaH,EAAAA,SAAQ,WACzB,IAAMG,EAAa,CAACV,EAAWW,EAAAA,QAAQX,SAAWW,EAAAA,QAAQ/B,YAQ1D,OANIJ,GAAaiB,GAAbjB,MAA4BiB,GAC9BiB,EAAWE,KAAKD,UAAQnC,YAErBA,GAAaiB,GAAd,MAA6BA,GAC/BiB,EAAWE,KAAKD,UAAQE,UAEnBH,EAAWI,KAAK,IACxB,GAAE,CAACtC,EAAWiB,EAAaO,IAE5B,OACEe,MAAAC,cAAA,MAAAC,UAAA,CACEnC,UAAS2B,GAAAA,OAAKE,EAAAA,QAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAI3B,EAAa,KAC7EoC,IAAK/B,EACLW,MAAOQ,GACHT,GAEHnB,EAGP,IAEAN,EAAqB+C,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"wVASA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,EAAIA,MAACC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,SAAuB,OACrCC,EAAaC,GAAkBC,EAAQA,SAAC,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAAA,cAAcT,GAEhDU,GAAYZ,EAElBa,EAAAA,WAAU,KACRf,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,EAAAA,iBAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,EAAAA,SAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,EAAAA,SAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAAA,QAAQV,SAAWU,EAAAA,QAAQtB,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,GAC9BgB,EAAWE,KAAKD,UAAQzB,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,UAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC5B,EAAWQ,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,UAAA,CACE3B,UAASmB,GAAAA,OAAKE,EAAAA,QAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAInB,EAAa,KAC7E4B,IAAK1B,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,EAAqBoC,YAAc"}

package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainerS.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),l=["collapsed","collapseHandler","children","propName","className","css"],r={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},c=t.memo(a.default.div.withConfig({displayName:"CollapsibleContainerS__StyledContainer",componentId:"sc-fj3lnl-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(function(e){var n=e.contentProp;return"".concat(n,"px")}),i,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),s=a.default(c).withConfig({displayName:"CollapsibleContainerS___StyledStyledContainer",componentId:"sc-fj3lnl-1"})(["",""],(function(e){return e.$_css})),p=t.memo((function(n){var o=n.collapsed,a=void 0!==o&&o,i=n.collapseHandler,c=n.children,p=n.propName,u=void 0===p?"height":p,d=n.className,_=n.css,f=e.objectWithoutProperties(n,l),m=t.useRef(),y=t.useState(0),h=e.slicedToArray(y,2),C=h[0],v=h[1];t.useEffect((function(){null==i||i(a)}),[i,a]),t.useEffect((function(){null!=m&&m.current&&v(m.current[r[u]])}),[m,u]);var x="";return a&&C&&null!=C&&(x="Collapsible__container__collapsed"),!a&&C&&null!=C&&(x="Collapsible__container__expanded"),React.createElement(s,e.extends({className:"".concat(d," ").concat(x),ref:m,contentProp:C,propName:u},f,{$_css:_}),c)}));p.displayName="ContainerS",exports.ContainerS=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var l=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t);const a={width:"scrollWidth",height:"scrollHeight"},r=e=>{let{propName:t}=e;return t},s=l.memo(n.default.div.withConfig({displayName:"CollapsibleContainerS__StyledContainer",componentId:"sc-fj3lnl-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],r,r,r,r,r,r,r,(e=>{let{contentProp:t}=e;return"".concat(t,"px")}),r,(e=>{let{contentProp:t}=e;return"".concat(t,"px")})));var i=n.default(s).withConfig({displayName:"CollapsibleContainerS___StyledStyledContainer",componentId:"sc-fj3lnl-1"})(["",""],(e=>e.$_css));const c=l.memo((t=>{let{collapsed:o=!1,collapseHandler:n,children:r,propName:s="height",className:c,css:p,...u}=t;const d=l.useRef(),[_,m]=l.useState(0);l.useEffect((()=>{null==n||n(o)}),[n,o]),l.useEffect((()=>{null!=d&&d.current&&m(d.current[a[s]])}),[d,s]);let f="";return o&&_&&null!=_&&(f="Collapsible__container__collapsed"),!o&&_&&null!=_&&(f="Collapsible__container__expanded"),React.createElement(i,e.extends({className:"".concat(c," ").concat(f),ref:d,contentProp:_,propName:s},u,{$_css:p}),r)}));c.displayName="ContainerS",exports.ContainerS=c;
 //# sourceMappingURL=CollapsibleContainerS.js.map

package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainerS.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainerS.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainerS.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const ContainerS: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n      {...props}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainerS.displayName = 'ContainerS'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","ContainerS","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"uaAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,eAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,gDAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAiCb,EAAAA,MAAK,SAAAc,GAE7B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAC,wBAAAV,EAAAW,GAErFC,EAAeC,EAAAA,SACrBC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CrB,EAAWuB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,EAAAA,WAAU,WACRhB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBiB,EAAAA,WAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBzC,EAAmBK,IAEpE,GAAG,CAAC4B,EAAc5B,IAElB,IAAIqC,EAAoB,GASxB,OAPInB,GAAaT,GAAbS,MAA4BT,IAC9B4B,EAAoB,sCAEjBnB,GAAaT,GAAd,MAA6BA,IAC/B4B,EAAoB,oCAIpBC,MAAAC,cAAA3B,EAAA4B,UAAA,CACElB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI2B,GAC3BI,IAAKb,EACLnB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAWT,YAAc"}
+{"version":3,"file":"CollapsibleContainerS.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainerS.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const ContainerS: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n      {...props}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainerS.displayName = 'ContainerS'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","ContainerS","_ref4","collapsed","collapseHandler","children","className","css","props","containerRef","useRef","setContentProp","useState","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"0WAKA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAeC,IAAA,IAACC,SAAEA,GAAyDD,EAAA,OAAKC,CAAQ,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,eAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiBU,IAAA,IAACC,YAAEA,GAA4CD,EAAA,MAAAE,GAAAA,OAAQD,EAAW,KAAA,GAC/EX,GAAiBa,IAAA,IAACF,YAAEA,GAA4CE,EAAA,MAAAD,GAAAA,OAAQD,EAAW,KAAA,KAG3F,IAAAG,EAAAT,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,gDAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAAU,GAAAA,EAAAC,cAUWC,EAAiCb,EAAIA,MAACc,IAE7B,IAF8BC,UAClDA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQnB,SAAEA,EAAW,SAAQoB,UAAEA,EAASC,IAAEA,KAAQC,GACvEN,EACf,MAAMO,EAAeC,EAAAA,UACdf,EAAagB,GAAkBC,EAAQA,SAAC,GAE/CC,EAAAA,WAAU,KACRT,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBU,EAAAA,WAAU,KACJJ,SAAAA,EAAcK,SAChBH,EAAgBF,EAAaK,QAAgBjC,EAAmBK,IAClE,GACC,CAACuB,EAAcvB,IAElB,IAAI6B,EAAoB,GASxB,OAPIZ,GAAaR,GAAbQ,MAA4BR,IAC9BoB,EAAoB,sCAEjBZ,GAAaR,GAAd,MAA6BA,IAC/BoB,EAAoB,oCAIpBC,MAAAC,cAAAnB,EAAAoB,UAAA,CACEZ,UAAS,GAAAV,OAAKU,OAASV,OAAImB,GAC3BI,IAAKV,EACLd,YAAaA,EACbT,SAAUA,GAENsB,EAAK,CAAAR,MADJO,IAGJF,EACe,IAItBJ,EAAWT,YAAc"}

package/dist/lib/cjs/src/core/ui/components/container/Flex.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),e=require("react");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=n(require("styled-components")),r={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},o=function(t){return t&&r[t]||t},a=e.memo(i.default.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(function(t){return t.direction||"row"}),(function(t){var e=t.flex;return void 0!==e?e:"0"}),(function(t){var e=t.flexGrow;return void 0!==e?e:"0"}),(function(t){var e=t.flexShrink;return void 0!==e?e:"0"}),(function(t){return t.flexBasis||"auto"}),(function(t){return t.flexWrap||"nowrap"}),(function(t){var e=t.gap;return void 0!==e?e:"0"}),(function(t){return t.alignText||"left"}),(function(t){var e=t.justify;return o(e)||"flex-start"}),(function(t){var e=t.align;return o(e)||"flex-start"}),(function(t){return t.alignSelf||"auto"}),(function(t){return t.margin||"0"}),(function(t){return t.padding||"0"}),(function(t){return t.width||"auto"}),(function(t){return t.height||"auto"}),(function(t){return t.maxWidth||"none"}),(function(t){return t.maxHeight||"none"}),(function(t){var e=t.minWidth;return e||"0"===e?e:"0"}),(function(t){return t.minHeight||"0"}),(function(t){return t.borderRadius||"initial"}))),u=e.memo(i.default(a).attrs((function(e){return t.objectSpread2({width:e.width||"100%",height:e.height||"100%",justify:e.justify||"center",align:e.align||"center"},e)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),l=e.memo(i.default(a).attrs((function(e){return t.objectSpread2({width:"initial"},e)})).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),f=e.memo(i.default(a).attrs((function(e){return t.objectSpread2({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"}},e)})).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));exports.Flex=a,exports.FlexTight=l,exports.FlexTightStyled=f,exports.FlexWrapper=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("styled-components"));const i={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},l=e=>e&&i[e]||e,n=e.memo(r.default.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(e=>{let{direction:t}=e;return t||"row"}),(e=>{let{flex:t}=e;return void 0!==t?t:"0"}),(e=>{let{flexGrow:t}=e;return void 0!==t?t:"0"}),(e=>{let{flexShrink:t}=e;return void 0!==t?t:"0"}),(e=>{let{flexBasis:t}=e;return t||"auto"}),(e=>{let{flexWrap:t}=e;return t||"nowrap"}),(e=>{let{gap:t}=e;return void 0!==t?t:"0"}),(e=>{let{alignText:t}=e;return t||"left"}),(e=>{let{justify:t}=e;return l(t)||"flex-start"}),(e=>{let{align:t}=e;return l(t)||"flex-start"}),(e=>{let{alignSelf:t}=e;return t||"auto"}),(e=>{let{margin:t}=e;return t||"0"}),(e=>{let{padding:t}=e;return t||"0"}),(e=>{let{width:t}=e;return t||"auto"}),(e=>{let{height:t}=e;return t||"auto"}),(e=>{let{maxWidth:t}=e;return t||"none"}),(e=>{let{maxHeight:t}=e;return t||"none"}),(e=>{let{minWidth:t}=e;return t||"0"===t?t:"0"}),(e=>{let{minHeight:t}=e;return t||"0"}),(e=>{let{borderRadius:t}=e;return t||"initial"}))),a=e.memo(r.default(n).attrs((e=>({width:e.width||"100%",height:e.height||"100%",justify:e.justify||"center",align:e.align||"center",...e}))).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),d=e.memo(r.default(n).attrs((e=>({width:"initial",...e}))).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),o=e.memo(r.default(n).attrs((e=>({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"},...e}))).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));exports.Flex=n,exports.FlexTight=d,exports.FlexTightStyled=o,exports.FlexWrapper=a;
 //# sourceMappingURL=Flex.js.map

package/dist/lib/cjs/src/core/ui/components/container/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n  {\n    width: props.width || '100%',\n    height: props.height || '100%',\n    justify: props.justify || 'center',\n    align: props.align || 'center',\n    ...props,\n  }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  style: {\n    text: 'blue',\n    padding: '1rem',\n    border: '1px solid green',\n  },\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","FlexTightStyled","style","text","border"],"mappings":"2QA2BMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAEnGC,EAAOC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGf,SAAAK,GAAY,OAAAA,EAATC,WAAiD,KAAK,IACnE,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAI,YAAqCC,IAATD,EAAqBA,EAAO,GAAG,IAC7D,SAAAE,GAAA,IAAGC,EAAQD,EAARC,SAAQ,YAAyCF,IAAbE,EAAyBA,EAAW,GAAG,IAC5E,SAAAC,GAAA,IAAGC,EAAUD,EAAVC,WAAU,YAA2CJ,IAAfI,EAA2BA,EAAa,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAW,OAAAA,EAARC,UAA+C,QAAQ,IAChE,SAAAC,GAAA,IAAGC,EAAGD,EAAHC,IAAG,YAAoCV,IAARU,EAAoBA,EAAM,GAAG,IACxD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IACrD,SAAAC,GAAA,IAAGC,EAAOD,EAAPC,QAAO,OAA2B3B,EAAiB2B,IAAY,YAAY,IAClF,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAA2B7B,EAAiB6B,IAAU,YAAY,IAC3E,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC9D,SAAAC,GAAS,OAAAA,EAANC,QAA2C,GAAG,IAChD,SAAAC,GAAU,OAAAA,EAAPC,SAA6C,GAAG,IACrD,SAAAC,GAAQ,OAAAA,EAALC,OAAyC,MAAM,IACjD,SAAAC,GAAS,OAAAA,EAANC,QAA2C,MAAM,IACjD,SAAAC,GAAW,OAAAA,EAARC,UAA+C,MAAM,IACvD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAA,IAAGC,EAAQD,EAARC,SAAQ,OAA6BA,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,GAAG,IACpD,SAAAC,GAAe,OAAAA,EAAZC,cAAuD,SAAS,KAIzEC,EAAc/C,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,CAEzEhB,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,UACnBuB,EAAK,IAEV9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ9B,CAAA,MAEWkD,EAAYnD,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,CACzEhB,MAAO,WACJe,EAAK,IACP9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAG3B,CAAA,MAEUmD,EAAkBpD,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,CAC/EhB,MAAO,UACPmB,MAAO,CACLC,KAAM,OACNtB,QAAS,OACTuB,OAAQ,oBAEPN,EAAK,IACP9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQjC,CAAA"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n  {\n    width: props.width || '100%',\n    height: props.height || '100%',\n    justify: props.justify || 'center',\n    align: props.align || 'center',\n    ...props,\n  }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  style: {\n    text: 'blue',\n    padding: '1rem',\n    border: '1px solid green',\n  },\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","FlexTight","FlexTightStyled","style","text","border"],"mappings":"yMA2BA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAE9FC,EAAOC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGfK,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,KAAK,IACnEC,IAAA,IAACC,KAAEA,GAA0BD,EAAA,YAAeE,IAATD,EAAqBA,EAAO,GAAG,IAC7DE,IAAA,IAACC,SAAEA,GAA8BD,EAAA,YAAmBD,IAAbE,EAAyBA,EAAW,GAAG,IAC5EC,IAAA,IAACC,WAAEA,GAAgCD,EAAA,YAAqBH,IAAfI,EAA2BA,EAAa,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,QAAQ,IAChEC,IAAA,IAACC,IAAEA,GAAyBD,EAAA,YAAcT,IAARU,EAAoBA,EAAM,GAAG,IACxDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IACrDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAK1B,EAAiB2B,IAAY,YAAY,IAClFC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAK5B,EAAiB6B,IAAU,YAAY,IAC3EC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC9DC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,GAAG,IAChDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAKC,GAAW,GAAG,IACrDC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAKC,GAAS,MAAM,IACjDC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,MAAM,IACjDC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,MAAM,IACvDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAOC,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,GAAG,IACpDC,IAAA,IAACC,aAAEA,GAAkCD,EAAA,OAAKC,GAAgB,SAAS,KAIzEC,EAAc/C,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAOC,IAClD,CACEf,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,YACnBuB,MAEL9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ9B,CAAA,MAEWiD,EAAYlD,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAOC,IAA+B,CAC/Ef,MAAO,aACJe,MACF9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAG3B,CAAA,MAEUkD,EAAkBnD,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAOC,IAA+B,CACrFf,MAAO,UACPkB,MAAO,CACLC,KAAM,OACNrB,QAAS,OACTsB,OAAQ,sBAEPL,MACF9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQjC,CAAA"}

package/dist/lib/cjs/src/core/ui/components/container/LayoutBox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("../../../hooks/useParseProps.js"),a=require("./layoutBox.module.scss.js"),s=["style","children","tabIndex","className"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},l=function(e){return e&&o[e]||e},n=r.forwardRef((function(o,n){var i=o.style,d=o.children,u=o.tabIndex,c=o.className,f=void 0===c?"":c,x=e.objectWithoutProperties(o,s),p=t.useParseProps(x),j=p.dataProps,y=p.restProps,b=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},y),y.align?{alignItems:l(y.align)}:{}),y.justify?{justifyContent:l(y.justify)}:{}),y.direction?{flexDirection:y.direction}:{}),i)}),[y,i]);return React.createElement("div",e.extends({ref:n,tabIndex:u,className:"".concat(a.default["flexible-box"]," ").concat(f),style:b},j),d)}));n.displayName="LayoutBoxRefForwarded";var i=r.memo(n);i.displayName="LayoutBox",exports.LayoutBox=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),s=require("../../../hooks/useParseProps.js"),r=require("./layoutBox.module.scss.js");const a={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},o=e=>e&&a[e]||e,l=t.forwardRef(((a,l)=>{let{style:i,children:n,tabIndex:u,className:d="",...c}=a;const{dataProps:x,restProps:f}=s.useParseProps(c),y=t.useMemo((()=>({...f,...f.align?{alignItems:o(f.align)}:{},...f.justify?{justifyContent:o(f.justify)}:{},...f.direction?{flexDirection:f.direction}:{},...i})),[f,i]);return React.createElement("div",e.extends({ref:l,tabIndex:u,className:"".concat(r.default["flexible-box"]," ").concat(d),style:y},x),n)}));l.displayName="LayoutBoxRefForwarded";const i=t.memo(l);i.displayName="LayoutBox",exports.LayoutBox=i;
 //# sourceMappingURL=LayoutBox.js.map

package/dist/lib/cjs/src/core/ui/components/container/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","_useParseProps","useParseProps","dataProps","restProps","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"8WAQMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAwBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IADhEC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAC,wBAAAT,EAAAU,GAEnDC,EAAiCC,EAAaA,cAACL,GAAvCM,EAASF,EAATE,UAAWC,EAASH,EAATG,UAEbC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,EAAAC,cAAAD,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,mBAEhBH,GACCA,EAAUK,MAAQ,CAAEC,WAAYxB,EAAiBkB,EAAUK,QAAqB,CAAE,GAClFL,EAAUO,QAAU,CAAEC,eAAgB1B,EAAiBkB,EAAUO,UAAuB,CAAE,GAC1FP,EAAUS,UAAY,CAAEC,cAAeV,EAAUS,WAAc,CAAE,GAClErB,EAAK,GAET,CAACY,EAAWZ,IAEf,OACEuB,MAAAC,cAAA,MAAAC,UAAA,CACE1B,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAAsB,OAAMC,EAAO,QAAS,gBAAeD,KAAAA,OAAItB,GAClDJ,MAAOa,GACHF,GAEHV,EAGP,IAEAL,EAAsBgC,YAAc,4BAEvBC,EAAgCC,EAAIA,KAAiBlC,GAGlEiC,EAAUD,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","props","dataProps","restProps","useParseProps","styles","useMemo","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"kPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,MAAOC,GAC/BN,EACf,MAAMO,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAEzCI,EAASC,EAAAA,SAAQ,KACrB,IACKH,KACCA,EAAUI,MAAQ,CAAEC,WAAYjB,EAAiBY,EAAUI,QAAqB,MAChFJ,EAAUM,QAAU,CAAEC,eAAgBnB,EAAiBY,EAAUM,UAAuB,MACxFN,EAAUQ,UAAY,CAAEC,cAAeT,EAAUQ,WAAc,MAChEd,KAEJ,CAACM,EAAWN,IAEf,OACEgB,MAAAC,cAAA,MAAAC,UAAA,CACEnB,IAAKA,EACLG,SAAUA,EACVC,UAAS,GAAAgB,OAAMC,EAAO,QAAS,gBAAeD,KAAAA,OAAIhB,GAClDH,MAAOQ,GACHH,GAEHJ,EACG,IAIVL,EAAsByB,YAAc,8BAEvBC,EAAgCC,EAAIA,KAAiB3B,GAGlE0B,EAAUD,YAAc"}

package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("styled-components"),t=require("react"),o=require("./Flex.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(r),n=["title","border","background","onClick","cssProp","children"],s=t.memo((function(r){var t=r.title,o=r.border,c=r.background,l=r.onClick,s=r.cssProp,i=r.children,u=e.objectWithoutProperties(r,n);return React.createElement(a,e.extends({onClick:l},u,{$_css:o||"border: 1px solid #999999;",$_css2:c||"background-color: rgba(0, 120, 255, 0.2);",$_css3:s}),t&&React.createElement("h2",null,t),i&&i)}));s.displayName="Placeholder";var a=l.default(o.FlexWrapper).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(function(e){return e.$_css}),(function(e){return e.$_css2}),(function(e){return e.$_css3}));exports.Placeholder=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("styled-components"),l=require("react"),t=require("./Flex.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(r);const o=l.memo((r=>{let{title:l,border:t,background:s,onClick:c,cssProp:o,children:n,...d}=r;return React.createElement(a,e.extends({onClick:c},d,{$_css:t||"border: 1px solid #999999;",$_css2:s||"background-color: rgba(0, 120, 255, 0.2);",$_css3:o}),l&&React.createElement("h2",null,l),n&&n)}));o.displayName="Placeholder";var a=c.default(t.FlexWrapper).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(e=>e.$_css),(e=>e.$_css2),(e=>e.$_css3));exports.Placeholder=o;
 //# sourceMappingURL=Placeholder.js.map

package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"uWAYaA,EACXC,EAAAA,MAAuB,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAQC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAASC,EAAOL,EAAPK,QAASC,EAAQN,EAARM,SAAaC,EAAKC,EAAAC,wBAAAT,EAAAU,GAAA,OACzFC,MAAAC,cAAAC,EAAAC,UAAA,CAMEV,QAASA,GAELG,EAAK,CAAAQ,MANLb,GAAU,6BAA4Bc,OACtCb,GAAc,4CAA2Cc,OACzDZ,IAMHJ,GAAUU,MAAAC,cAAA,KAAA,KAAKX,GACfK,GAAYA,EACD,IAGhBR,EAAYoB,YAAc,cAAa,IAAAL,EAAAM,EAAA,QAAAC,eAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAA,SAAAI,GAAA,OAAAA,EAAAR,KAAA,IAAA,SAAAQ,GAAA,OAAAA,EAAAP,MAAA,IAAA,SAAAO,GAAA,OAAAA,EAAAN,MAAA"}
+{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"sSAYaA,MAAAA,EACXC,EAAIA,MAAmBC,IAAA,IAACC,MAAEA,EAAKC,OAAEA,EAAMC,WAAEA,EAAUC,QAAEA,EAAOC,QAAEA,EAAOC,SAAEA,KAAaC,GAAyBP,EAAA,OAC7GQ,MAAAC,cAAAC,EAAAC,UAAA,CAMEP,QAASA,GAELG,EAAK,CAAAK,MANLV,GAAU,6BAA4BW,OACtCV,GAAc,4CAA2CW,OACzDT,IAMHJ,GAAUO,MAAAC,cAAA,KAAA,KAAKR,GACfK,GAAYA,EACD,IAGhBR,EAAYiB,YAAc,cAAa,IAAAL,EAAAM,EAAA,QAAAC,eAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAAI,GAAAA,EAAAR,QAAAQ,GAAAA,EAAAP,SAAAO,GAAAA,EAAAN"}

package/dist/lib/cjs/src/core/ui/components/container/ResizableContainer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("../../../../../node_modules/lodash-es/debounce.js"),n=require("./LayoutBox.js"),l=["children","debounceDelay"],o={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},r=t.memo((function(r){var u=r.children,d=r.debounceDelay,c=void 0===d?250:d,h=e.objectWithoutProperties(r,l),a=t.useRef(),s=t.useRef({width:0,height:0}),v=t.useState({width:void 0,height:void 0}),g=e.slicedToArray(v,2),m=g[0],p=g[1],y=t.useMemo((function(){return i.default((function(e){var t,i,n,l,o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=s.current)||void 0===t?void 0:t.width)===o&&(null===(i=s.current)||void 0===i?void 0:i.height)===r||(s.current={width:o,height:r},p({width:null==a||null===(n=a.current)||void 0===n?void 0:n.clientWidth,height:null==a||null===(l=a.current)||void 0===l?void 0:l.clientHeight}))}),c)}),[c]);return t.useLayoutEffect((function(){var e,t,i,n;null!=a&&a.current&&(t=null==a?void 0:a.current,(e=new ResizeObserver(y)).observe(t),p({width:null==a||null===(i=a.current)||void 0===i?void 0:i.clientWidth,height:null==a||null===(n=a.current)||void 0===n?void 0:n.clientHeight}));return function(){var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[y,a]),React.createElement(n.LayoutBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},h),React.createElement(n.LayoutBox,{style:o.main,width:"100%",height:"100%",ref:a}),!u&&React.createElement(n.LayoutBox,{width:"".concat(Math.max((null==m?void 0:m.width)||200,200)||200,"px"),height:"".concat(Math.max((null==m?void 0:m.height)||200,200)||200,"px"),style:o.empty}),u&&(null==u?void 0:u({height:"".concat((null==m?void 0:m.height)||200,"px"),width:"".concat((null==m?void 0:m.width)||200,"px"),measured:!(null==m||!m.height)})))}));r.displayName="ResizableContainer",exports.ResizableContainer=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("react"),i=require("../../../../../node_modules/lodash-es/debounce.js"),n=require("./LayoutBox.js");const l={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},o=t.memo((o=>{let{children:r,debounceDelay:u=250,...d}=o;const c=t.useRef(),h=t.useRef({width:0,height:0}),[a,s]=t.useState({width:void 0,height:void 0}),v=t.useMemo((()=>i.default((e=>{var t,i,n,l;const o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=h.current)||void 0===t?void 0:t.width)===o&&(null===(i=h.current)||void 0===i?void 0:i.height)===r||(h.current={width:o,height:r},s({width:null==c||null===(n=c.current)||void 0===n?void 0:n.clientWidth,height:null==c||null===(l=c.current)||void 0===l?void 0:l.clientHeight}))}),u)),[u]);return t.useLayoutEffect((()=>{let e,t;var i,n;null!=c&&c.current&&(t=null==c?void 0:c.current,e=new ResizeObserver(v),e.observe(t),s({width:null==c||null===(i=c.current)||void 0===i?void 0:i.clientWidth,height:null==c||null===(n=c.current)||void 0===n?void 0:n.clientHeight}));return()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[v,c]),React.createElement(n.LayoutBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},d),React.createElement(n.LayoutBox,{style:l.main,width:"100%",height:"100%",ref:c}),!r&&React.createElement(n.LayoutBox,{width:"".concat(Math.max((null==a?void 0:a.width)||200,200)||200,"px"),height:"".concat(Math.max((null==a?void 0:a.height)||200,200)||200,"px"),style:l.empty}),r&&(null==r?void 0:r({height:"".concat((null==a?void 0:a.height)||200,"px"),width:"".concat((null==a?void 0:a.width)||200,"px"),measured:!(null==a||!a.height)})))}));o.displayName="ResizableContainer",exports.ResizableContainer=o;
 //# sourceMappingURL=ResizableContainer.js.map

package/dist/lib/cjs/src/core/ui/components/container/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n      const newResizeWidth = entries[0].contentRect.width\n      const newResizeHeight = entries[0].contentRect.height\n\n      if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n        return\n      }\n      lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, debounceDelay), [debounceDelay])\n\n    useLayoutEffect(() => {\n      let resizeObserver: ResizeObserver\n      let containerElement: HTMLElement\n\n      if (containerRef?.current) {\n        containerElement = containerRef?.current\n        resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n        resizeObserver.observe(containerElement as Element)\n\n        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","_ref$debounceDelay","debounceDelay","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","lastResizeWidthRef","width","height","_useState","useState","undefined","_useState2","_slicedToArray","containerSize","setContainerSize","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"uRAmBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,EAAAA,MAChC,SAAAC,GAA0E,IAAvEC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAAKE,EAAKC,EAAAC,wBAAAN,EAAAO,GAClCC,EAAeC,EAAAA,SAEfC,EAAqBD,EAAAA,OAA0C,CAAEE,MAAO,EAAGC,OAAQ,IAEzFC,EACEC,EAAAA,SAAsB,CAAEH,WAAOI,EAAWH,YAAQG,IAAYC,EAAAC,EAAAA,cAAAJ,EAAA,GADzDK,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAyBC,EAAAA,SAAQ,WAAA,OAAMC,EAAAA,SAAS,SAACC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAC3DC,EAAiBL,EAAQ,GAAGM,YAAYlB,MACxCmB,EAAkBP,EAAQ,GAAGM,YAAYjB,QAEjBY,QAA1BA,EAAAd,EAAmBqB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4Bb,SAAUiB,IACb,QAA1BH,EAAAf,EAAmBqB,eAAO,IAAAN,OAAA,EAA1BA,EAA4Bb,UAAWkB,IAG1CpB,EAAmBqB,QAAU,CAAEpB,MAAOiB,EAAgBhB,OAAQkB,GAE9DX,EAAiB,CACfR,MAAOH,SAAqBkB,QAATA,EAAZlB,EAAcuB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BpB,OAAQJ,SAAqB,QAATmB,EAAZnB,EAAcuB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAElC,GAAE9B,KAAgB,CAACA,IAuBpB,OArBA+B,EAAAA,iBAAgB,WACd,IAAIC,EACAC,EAEuBC,EAAAC,EAAvB9B,SAAAA,EAAcuB,UAChBK,EAAmB5B,aAAAA,EAAAA,EAAcuB,SACjCI,EAAiB,IAAII,eAAenB,IACrBoB,QAAQJ,GAEvBjB,EAAiB,CACfR,MAAOH,SAAqB6B,QAATA,EAAZ7B,EAAcuB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BpB,OAAQJ,SAAqB,QAAT8B,EAAZ9B,EAAcuB,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,OAAO,WAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,GAEhC,GAAG,CAAChB,EAAwBZ,IAK1BqC,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRrC,MAAM,OACNC,OAAO,OACPqC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACN/C,GAEJyC,MAAAC,cAACC,EAAAA,UAAS,CACRK,MAAO7D,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPyC,IAAK7C,KAELP,GACF4C,MAAAC,cAACC,EAAAA,UAAS,CACRpC,MAAK,GAAA2C,OAAKC,KAAKC,KAAItC,eAAAA,EAAeP,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAA0C,OAAKC,KAAKC,KAAItC,eAAAA,EAAeN,SAAU,IAAK,MAAQ,IAAQ,MAClEwC,MAAO7D,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBW,OAAM0C,GAAAA,QAAKpC,aAAa,EAAbA,EAAeN,SAAU,IAAO,MAC3CD,MAAK2C,GAAAA,QAAKpC,aAAa,EAAbA,EAAeP,QAAS,IAAO,MACzC8C,WAAYvC,UAAAA,EAAeN,WAInC,IAGFd,EAAmB4D,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n      const newResizeWidth = entries[0].contentRect.width\n      const newResizeHeight = entries[0].contentRect.height\n\n      if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n        return\n      }\n      lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, debounceDelay), [debounceDelay])\n\n    useLayoutEffect(() => {\n      let resizeObserver: ResizeObserver\n      let containerElement: HTMLElement\n\n      if (containerRef?.current) {\n        containerElement = containerRef?.current\n        resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n        resizeObserver.observe(containerElement as Element)\n\n        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"mVAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,EAAIA,MACpCC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAMI,EAAeC,EAAAA,SAEfC,EAAqBD,EAAAA,OAA0C,CAAEE,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,WAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,EAAAA,SAAQ,IAAMC,EAAAA,SAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAX,EAAmBkB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACb,QAA1BH,EAAAZ,EAAmBkB,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG1CjB,EAAmBkB,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,GAE9Db,EAAiB,CACfH,MAAOH,SAAqBe,QAATA,EAAZf,EAAcoB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQJ,SAAqB,QAATgB,EAAZhB,EAAcoB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACDxB,IAAgB,CAACA,IAuBpB,OArBAyB,EAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvB3B,SAAAA,EAAcoB,UAChBK,EAAmBzB,aAAAA,EAAAA,EAAcoB,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,GAEvBnB,EAAiB,CACfH,MAAOH,SAAqB0B,QAATA,EAAZ1B,EAAcoB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQJ,SAAqB,QAAT2B,EAAZ3B,EAAcoB,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,MAAO,KAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,EAA4B,CACzD,GACA,CAAChB,EAAwBT,IAK1BkC,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRlC,MAAM,OACNC,OAAO,OACPkC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNzC,GAEJmC,MAAAC,cAACC,EAAAA,UAAS,CACRK,MAAOtD,EAAOC,KACde,MAAM,OACNC,OAAO,OACPsC,IAAK1C,KAELH,GACFqC,MAAAC,cAACC,EAAAA,UAAS,CACRjC,MAAK,GAAAwC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeF,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAuC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeD,SAAU,IAAK,MAAQ,IAAQ,MAClEqC,MAAOtD,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBO,OAAMuC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeD,SAAU,IAAO,MAC3CD,MAAKwC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeF,QAAS,IAAO,MACzC2C,WAAYzC,UAAAA,EAAeD,WAEnB,IAKlBV,EAAmBqD,YAAc"}