npm - @e1011/es-kit - Versions diffs - 1.0.162 → 1.0.164 - Mend

@e1011/es-kit 1.0.162 → 1.0.164

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1974) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"es.string.replace-all.js","sources":["../../../../../../node_modules/core-js/modules/es.string.replace-all.js"],"sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar isCallable = require('../internals/is-callable');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar isRegExp = require('../internals/is-regexp');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar getRegExpFlags = require('../internals/regexp-get-flags');\nvar getSubstitution = require('../internals/get-substitution');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar IS_PURE = require('../internals/is-pure');\n\nvar REPLACE = wellKnownSymbol('replace');\nvar $TypeError = TypeError;\nvar indexOf = uncurryThis(''.indexOf);\nvar replace = uncurryThis(''.replace);\nvar stringSlice = uncurryThis(''.slice);\nvar max = Math.max;\n\n// `String.prototype.replaceAll` method\n// https://tc39.es/ecma262/#sec-string.prototype.replaceall\n$({ target: 'String', proto: true }, {\n replaceAll: function replaceAll(searchValue, replaceValue) {\n var O = requireObjectCoercible(this);\n var IS_REG_EXP, flags, replacer, string, searchString, functionalReplace, searchLength, advanceBy, replacement;\n var position = 0;\n var endOfLastMatch = 0;\n var result = '';\n if (!isNullOrUndefined(searchValue)) {\n IS_REG_EXP = isRegExp(searchValue);\n if (IS_REG_EXP) {\n flags = toString(requireObjectCoercible(getRegExpFlags(searchValue)));\n if (!~indexOf(flags, 'g')) throw new $TypeError('`.replaceAll` does not allow non-global regexes');\n }\n replacer = getMethod(searchValue, REPLACE);\n if (replacer) {\n return call(replacer, searchValue, O, replaceValue);\n } else if (IS_PURE && IS_REG_EXP) {\n return replace(toString(O), searchValue, replaceValue);\n }\n }\n string = toString(O);\n searchString = toString(searchValue);\n functionalReplace = isCallable(replaceValue);\n if (!functionalReplace) replaceValue = toString(replaceValue);\n searchLength = searchString.length;\n advanceBy = max(1, searchLength);\n position = indexOf(string, searchString);\n while (position !== -1) {\n replacement = functionalReplace\n ? toString(replaceValue(searchString, position, string))\n : getSubstitution(searchString, string, position, [], undefined, replaceValue);\n result += stringSlice(string, endOfLastMatch, position) + replacement;\n endOfLastMatch = position + searchLength;\n position = position + advanceBy > string.length ? -1 : indexOf(string, searchString, position + advanceBy);\n }\n if (endOfLastMatch < string.length) {\n result += stringSlice(string, endOfLastMatch);\n }\n return result;\n }\n});\n"],"names":["$","require$$0","call","require$$1","uncurryThis","require$$2","requireObjectCoercible","require$$3","isCallable","require$$4","isNullOrUndefined","require$$5","isRegExp","require$$6","toString","require$$7","getMethod","require$$8","getRegExpFlags","require$$9","getSubstitution","require$$10","REPLACE","wellKnownSymbol","require$$11","$TypeError","TypeError","indexOf","replace","stringSlice","slice","max","Math","target","proto","replaceAll","searchValue","replaceValue","flags","replacer","string","searchString","functionalReplace","searchLength","advanceBy","replacement","O","this","position","endOfLastMatch","result","length","undefined"],"mappings":"qiBACIA,EAAIC,EAAAA,QACJC,EAAOC,EAAAA,aACPC,EAAcC,EAAAA,oBACdC,EAAyBC,EAAAA,uBACzBC,EAAaC,EAAAA,WACbC,EAAoBC,EAAAA,kBACpBC,EAAWC,EAAAA,SACXC,EAAWC,EAAAA,SACXC,EAAYC,EAAAA,UACZC,EAAiBC,EAAAA,eACjBC,EAAkBC,EAAAA,gBAIlBC,GAAUC,EAHQC,EAAAA,iBAGQ,WAC1BC,EAAaC,UACbC,EAAUvB,EAAY,GAAGuB,SACfvB,EAAY,GAAGwB,SAC7B,IAAIC,EAAczB,EAAY,GAAG0B,OAC7BC,EAAMC,KAAKD,IAIf/B,EAAE,CAAEiC,OAAQ,SAAUC,OAAO,GAAQ,CACnCC,WAAY,SAAoBC,EAAaC,GAC3C,IACgBC,EAAOC,EAAUC,EAAQC,EAAcC,EAAmBC,EAAcC,EAAWC,EAD/FC,EAAIxC,EAAuByC,MAE3BC,EAAW,EACXC,EAAiB,EACjBC,EAAS,GACb,IAAKxC,EAAkB0B,GAAc,CAEnC,GADaxB,EAASwB,KAEpBE,EAAQxB,EAASR,EAAuBY,EAAekB,OACjDT,EAAQW,EAAO,MAAM,MAAM,IAAIb,EAAW,mDAGlD,GADAc,EAAWvB,EAAUoB,EAAad,GAEhC,OAAOpB,EAAKqC,EAAUH,EAAaU,EAAGT,EAIzC,CAQD,IAPAG,EAAS1B,EAASgC,GAClBL,EAAe3B,EAASsB,IACxBM,EAAoBlC,EAAW6B,MACPA,EAAevB,EAASuB,IAChDM,EAAeF,EAAaU,OAC5BP,EAAYb,EAAI,EAAGY,GACnBK,EAAWrB,EAAQa,EAAQC,IACN,IAAdO,GACLH,EAAcH,EACV5B,EAASuB,EAAaI,EAAcO,EAAUR,IAC9CpB,EAAgBqB,EAAcD,EAAQQ,EAAU,QAAII,EAAWf,GACnEa,GAAUrB,EAAYW,EAAQS,EAAgBD,GAAYH,EAC1DI,EAAiBD,EAAWL,EAC5BK,EAAWA,EAAWJ,EAAYJ,EAAOW,QAAU,EAAIxB,EAAQa,EAAQC,EAAcO,EAAWJ,GAKlG,OAHIK,EAAiBT,EAAOW,SAC1BD,GAAUrB,EAAYW,EAAQS,IAEzBC,CACR"}

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

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("../internals/function-apply.js"),r=require("../internals/function-call.js"),n=require("../internals/function-uncurry-this.js"),i=require("../internals/fix-regexp-well-known-symbol-logic.js"),t=require("../internals/fails.js"),l=require("../internals/an-object.js"),a=require("../internals/is-callable.js"),s=require("../internals/is-null-or-undefined.js"),u=require("../internals/to-integer-or-infinity.js"),o=require("../internals/to-length.js"),c=require("../internals/to-string.js"),f=require("../internals/require-object-coercible.js"),g=require("../internals/advance-string-index.js"),d=require("../internals/get-method.js"),j=require("../internals/get-substitution.js"),v=require("../internals/regexp-exec-abstract.js"),q=require("../internals/well-known-symbol.js"),b=e.functionApply,x=r.functionCall,p=n.functionUncurryThis,h=i.fixRegexpWellKnownSymbolLogic,y=t.fails,m=l.anObject,w=a.isCallable,$=s.isNullOrUndefined,I=u.toIntegerOrInfinity,S=o.toLength,O=c.toString,C=f.requireObjectCoercible,M=g.advanceStringIndex,k=d.getMethod,A=j.getSubstitution,K=v.regexpExecAbstract,L=(0,q.wellKnownSymbol)("replace"),U=Math.max,E=Math.min,N=p([].concat),R=p([].push),T=p("".indexOf),W=p("".slice),z="$0"==="a".replace(/./,"$0"),B=!!/./[L]&&""===/./[L]("a","$0");h("replace",(function(e,r,n){var i=B?"$":"$0";return[function(e,n){var i=C(this),t=$(e)?void 0:k(e,L);return t?x(t,e,i,n):x(r,O(i),e,n)},function(e,t){var l=m(this),a=O(e);if("string"==typeof t&&-1===T(t,i)&&-1===T(t,"$<")){var s=n(r,l,a,t);if(s.done)return s.value}var u=w(t);u\|\|(t=O(t));var o,c=l.global;c&&(o=l.unicode,l.lastIndex=0);for(var f,g=[];null!==(f=K(l,a))&&(R(g,f),c);){""===O(f[0])&&(l.lastIndex=M(a,S(l.lastIndex),o))}for(var d,j="",v=0,q=0;q<g.length;q++){for(var x,p=O((f=g[q])[0]),h=U(E(I(f.index),a.length),0),y=[],$=1;$<f.length;$++)R(y,void 0===(d=f[$])?d:String(d));var C=f.groups;if(u){var k=N([p],y,h,a);void 0!==C&&R(k,C),x=O(b(t,void 0,k))}else x=A(p,a,h,y,C,t);h>=v&&(j+=W(a,v,h)+x,v=h+p.length)}return j+W(a,v)}]}),!!y((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")}))\|\|!z\|\|B);
2	+ //# sourceMappingURL=es.string.replace.js.map

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

@@ -0,0 +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 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":"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"}

package/dist/lib/cjs/node_modules/core-js/modules/web.dom-collections.iterator.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var r=require("../internals/global.js"),e=require("../internals/dom-iterables.js"),t=require("../internals/dom-token-list-prototype.js"),o=require("./es.array.iterator.js"),i=require("../internals/create-non-enumerable-property.js"),n=require("../internals/set-to-string-tag.js"),a=require("../internals/well-known-symbol.js"),s=r.global,l=e.domIterables,u=t.domTokenListPrototype,y=o.es_array_iterator,b=i.createNonEnumerableProperty,c=n.setToStringTag,m=(0,a.wellKnownSymbol)("iterator"),p=y.values,f=function(r,e){if(r){if(r[m]!==p)try{b(r,m,p)}catch(e){r[m]=p}if(c(r,e,!0),l[e])for(var t in y)if(r[t]!==y[t])try{b(r,t,y[t])}catch(e){r[t]=y[t]}}};for(var j in l)f(s[j]&&s[j].prototype,j);f(u,"DOMTokenList");
2	+ //# sourceMappingURL=web.dom-collections.iterator.js.map

package/dist/lib/cjs/node_modules/core-js/modules/web.dom-collections.iterator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"web.dom-collections.iterator.js","sources":["../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js"],"sourcesContent":["'use strict';\nvar global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar DOMTokenListPrototype = require('../internals/dom-token-list-prototype');\nvar ArrayIteratorMethods = require('../modules/es.array.iterator');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar setToStringTag = require('../internals/set-to-string-tag');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar ITERATOR = wellKnownSymbol('iterator');\nvar ArrayValues = ArrayIteratorMethods.values;\n\nvar handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {\n if (CollectionPrototype) {\n // some Chrome versions have non-configurable methods on DOMTokenList\n if (CollectionPrototype[ITERATOR] !== ArrayValues) try {\n createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);\n } catch (error) {\n CollectionPrototype[ITERATOR] = ArrayValues;\n }\n setToStringTag(CollectionPrototype, COLLECTION_NAME, true);\n if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {\n // some Chrome versions have non-configurable methods on DOMTokenList\n if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {\n createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);\n } catch (error) {\n CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];\n }\n }\n }\n};\n\nfor (var COLLECTION_NAME in DOMIterables) {\n handlePrototype(global[COLLECTION_NAME] && global[COLLECTION_NAME].prototype, COLLECTION_NAME);\n}\n\nhandlePrototype(DOMTokenListPrototype, 'DOMTokenList');\n"],"names":["global","require$$0","DOMIterables","require$$1","DOMTokenListPrototype","require$$2","ArrayIteratorMethods","require$$3","createNonEnumerableProperty","require$$4","setToStringTag","require$$5","ITERATOR","wellKnownSymbol","require$$6","ArrayValues","values","handlePrototype","CollectionPrototype","COLLECTION_NAME","error","METHOD_NAME","prototype"],"mappings":"oVACIA,EAASC,EAAAA,OACTC,EAAeC,EAAAA,aACfC,EAAwBC,EAAAA,sBACxBC,EAAuBC,EAAAA,kBACvBC,EAA8BC,EAAAA,4BAC9BC,EAAiBC,EAAAA,eAGjBC,GAAWC,EAFOC,EAAAA,iBAES,YAC3BC,EAAcT,EAAqBU,OAEnCC,EAAkB,SAAUC,EAAqBC,GACnD,GAAID,EAAqB,CAEvB,GAAIA,EAAoBN,KAAcG,EAAa,IACjDP,EAA4BU,EAAqBN,EAAUG,EAC5D,CAAC,MAAOK,GACPF,EAAoBN,GAAYG,CACjC,CAED,GADAL,EAAeQ,EAAqBC,GAAiB,GACjDjB,EAAaiB,GAAkB,IAAK,IAAIE,KAAef,EAEzD,GAAIY,EAAoBG,KAAiBf,EAAqBe,GAAc,IAC1Eb,EAA4BU,EAAqBG,EAAaf,EAAqBe,GACpF,CAAC,MAAOD,GACPF,EAAoBG,GAAef,EAAqBe,EACzD,CAEJ,CACH,EAEA,IAAK,IAAIF,KAAmBjB,EAC1Be,EAAgBjB,EAAOmB,IAAoBnB,EAAOmB,GAAiBG,UAAWH,GAGhFF,EAAgBb,EAAuB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../_virtual/_rollupPluginBabelHelpers.js"),e=require("react");const a={},l={loading:!1,error:null,data:null};exports.useApi=(t,o,n,s,c)=>{const[d,u]=e.useState(l);a[t]||(a[t]={id:t,caller:o,decorator:n,successHandler:s,errorHandler:c});const{caller:i,decorator:g,successHandler:p,errorHandler:H}=a[t];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]};
+"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 CHANGED Viewed

	@@ -1 +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","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","_asyncToGenerator","prevState","arguments","returnData","originalData"],"mappings":"~~uJAkBA~~,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"}
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","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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),s=require("../utils/helpers/ui.js");exports.useClassNames=(r,u)=>e.useMemo((()=>s.classNames(...r)),[r,u]);
+"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 CHANGED Viewed

	@@ -1 +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":["useClassNames","classes","deps","useMemo","classNames"],"mappings":"~~qJAI6BA~~,CAC3BC,EACAC,IAEGC,EAAOA,SAAC,IAAMC,EAAAA,cAAcH,IAAU,CAACA,EAASC"}
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":["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/useResize.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,i=arguments.length>1?arguments[1]:void 0;const[n,u]=e.useState({width:void 0,height:void 0}),c=e.useRef({width:0,height:0}),h=e.useRef(),s=e.useRef(),o=e.useMemo((()=>t.default((e=>{const t=e[0].contentRect.width,r=e[0].contentRect.height;c.current?.width===t&&c.current?.height===r||(c.current={width:t,height:r},(i||u)({width:h?.current?.clientWidth,height:h?.current?.clientHeight}))}),r)),[i,r]);return e.useLayoutEffect((()=>{let e,t;h?.current&&(t=h?.current,e=new ResizeObserver(o),e.observe(t),(i||u)({width:h?.current?.clientWidth,height:h?.current?.clientHeight}));const r=()=>{e?.unobserve?.(t)};return s.current=r,r}),[o,h,i]),[h,n,s.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 CHANGED Viewed

	@@ -1 +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","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"~~sKAYyB~~,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,~~IACrD~~,MAAMC,~~EAAiBD~~,EAAQ,~~GAAGE~~,~~YAAYX~~,~~MACxCY~~,~~EAAkBH~~,EAAQ,~~GAAGE~~,~~YAAYV~~,~~OAE3CC~~,~~EAAmBW~~,~~SAASb~~,~~QAAUU~~,~~GACrCR~~,~~EAAmBW~~,~~SAASZ~~,~~SAAWW~~,~~IAG5CV~~,~~EAAmBW~~,QAAU,~~CAAEb~~,~~MAAOU~~,~~EAAgBT~~,~~OAAQW~~,~~IAG5DhB~~,GAAYE,GAAkB,CAC9BE,MAAOI,~~GAAcS~~,~~SAASC~~,~~YAC9Bb~~,OAAQG,~~GAAcS~~,~~SAASE~~,eAC/B,~~GACDvB~~,IAAgB,CAACI,EAAUJ,IA2B9B,~~OAzBAwB~~,EAAAA,iBAAgB,KACd,IAAIC,EACAC,~~EAEAd~~,~~GAAcS~~,UAChBK,~~EAAmBd~~,~~GAAcS~~,QACjCI,EAAiB,~~IAAIE~~,~~eAAeb~~,~~GACpCW~~,~~EAAeG~~,~~QAAQF~~,~~IAGrBtB~~,GAAYE,GAAkB,CAC9BE,MAAOI,~~GAAcS~~,~~SAASC~~,~~YAC9Bb~~,OAAQG,~~GAAcS~~,~~SAASE~~,gBAGnC,~~MAAMM~~,EAAaA,~~KACjBJ~~,~~GAAgBK~~,~~YAAYJ~~,EAA4B,EAM1D,~~OAFAb~~,~~EAAcQ~~,~~QAAUQ~~,EAEjBA,CAAU,GAChB,~~CAACf~~,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,~~EAAcQ~~,QACrD"}
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","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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useToggle=function(t){let l=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[o,u]=e.useState(t),a=e.useCallback((e=>{u(l?t=>"boolean"==typeof e?e:!t:null!=e?e:!o)}),[l,o,u]),r=e.useCallback((e=>a(void 0===e||e)),[a]),s=e.useCallback((e=>a(void 0!==e&&e)),[a]);return[o,a,r,s]};
+"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 CHANGED Viewed

	@@ -1 +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","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"~~6GAUyB~~,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"}
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","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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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)}};
+"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 CHANGED Viewed

	@@ -1 +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","setUseTranslation","createSafeT","t","has","get","value","key","params","limits","split","length","limit","set","useTrans","namespaces"],"mappings":"~~mGAIA~~,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"}
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","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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),l=require("../../../hooks/useParseProps.js"),s=require("./CollapsibleContainer.module.scss.js");const r={width:"scrollWidth",height:"scrollHeight"},a=t.memo((a=>{let{collapsed:o=!1,collapseHandler:u,children:i,horizontal:n=!1,className:c="",...p}=a;const d=t.useRef(null),[h,m]=t.useState(0),{dataProps:f,restProps:x}=l.useParseProps(p),P=!n;t.useEffect((()=>{u?.(o)}),[u,o]),t.useLayoutEffect((()=>{if(d?.current){const e=P?"height":"width";setTimeout((()=>{d?.current&&m(d.current[r[e]])}),100)}}),[d,P]);const b=t.useMemo((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":`${h}px`,...x})),[P,x,h]),g=t.useMemo((()=>{const e=[P?s.default.vertical:s.default.horizontal];return o&&h&&null!=h&&e.push(s.default.collapsed),!o&&h&&null!=h&&e.push(s.default.expanded),e.join(" ")}),[o,h,P]);return React.createElement("div",e.extends({className:`${s.default["collapsible-container"]} ${g} ${c} `,ref:d,style:b},f),i)}));a.displayName="CollapsibleContainer",exports.CollapsibleContainer=a;
+"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 CHANGED Viewed

	@@ -1 +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","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"~~6PASA~~,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,~~IAAkBD~~,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,EAAAA,iBAAgB,KACd,GAAIX,~~GAAcY~~,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,~~GAAcY~~,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,~~eAAiB~~,~~GAAEP~~,~~SAChBK~~,KACgB,CAACE,EAAUF,EAAOL,~~IAEjCe~~,~~EAAaD~~,EAAAA,SAAQ,KACzB,~~MAAMC~~,EAAa,~~CAACR~~,~~EAAWS~~,EAAAA,~~QAAQT~~,~~SAAWS~~,EAAAA,~~QAAQrB~~,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,~~GAC9Be~~,EAAWE,KAAKD,~~UAAQxB~~,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/Be,EAAWE,KAAKD,UAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,~~CAAC3B~~,EAAWQ,EAAaO,IAE5B,~~OACEa~~,MAAAC,cAAA,MAAAC,UAAA,~~CACE1B~~,~~UAAY~~,~~GAAEoB~~,~~EAAO~~,~~QAAC~~,~~4BAA4BD~~,~~KAAcnB~~,~~KAChE2B~~,~~IAAKzB~~,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,~~EAAqBmC~~,YAAc"}
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","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/LayoutBox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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 o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},a=e=>e&&o[e]||e,l=t.forwardRef(((o,l)=>{let{style:n,children:i,tabIndex:u,className:d="",onClick:x,...c}=o;const{dataProps:f,restProps:y}=s.useParseProps(c),m=t.useMemo((()=>x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x]),p=t.useMemo((()=>({...y,...y.align?{alignItems:a(y.align)}:{},...y.justify?{justifyContent:a(y.justify)}:{},...y.direction?{flexDirection:y.direction}:{},...n})),[y,n]);return React.createElement("div",e.extends({ref:l,tabIndex:u,className:`${r.default["flexible-box"]} ${d}`,style:p},f,m),i)}));l.displayName="LayoutBoxRefForwarded";const n=t.memo(l);n.displayName="LayoutBox",exports.LayoutBox=n;
+"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 o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},a=e=>e&&o[e]||e,l=t.forwardRef(((o,l)=>{let{style:n,children:i,tabIndex:u,className:d="",onClick:c,...x}=o;const{dataProps:f,restProps:y}=s.useParseProps(x),m=t.useMemo((()=>c?{onClick:c,onKeyDown:c,role:"button",tabIndex:-1}:{}),[c]),p=t.useMemo((()=>({...y,...y.align?{alignItems:a(y.align)}:{},...y.justify?{justifyContent:a(y.justify)}:{},...y.direction?{flexDirection:y.direction}:{},...n})),[y,n]);return React.createElement("div",e.extends({ref:l,tabIndex:u,className:"".concat(r.default["flexible-box"]," ").concat(d),style:p},f,m),i)}));l.displayName="LayoutBoxRefForwarded";const n=t.memo(l);n.displayName="LayoutBox",exports.LayoutBox=n;
 //# sourceMappingURL=LayoutBox.js.map

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

	@@ -1 +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 = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined) => {\n const { dataProps, restProps } = useParseProps(props)\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\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 {...onClickProps}\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","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","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,GAAEC,QAAEA,KAAYC,GACxCP,EACf,MAAMQ,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAEzCI,EAAeC,WAAQ,IAAON,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNV,UAAW,GACR,CAAG,GAAE,CAACE,IAELS,EAASH,EAAAA,SAAQ,KACrB,IACKH,KACCA,EAAUO,MAAQ,CAAEC,WAAYrB,EAAiBa,EAAUO,QAAqB,MAChFP,EAAUS,QAAU,CAAEC,eAAgBvB,EAAiBa,EAAUS,UAAuB,MACxFT,EAAUW,UAAY,CAAEC,cAAeZ,EAAUW,WAAc,MAChElB,KAEJ,CAACO,EAAWP,IAEf,OACEoB,MAAAC,cAAA,MAAAC,UAAA,CACEvB,IAAKA,EACLG,SAAUA,EACVC,~~UAAY~~,~~GAAGoB~~,EAAO,QAAS,~~mBAAmBpB~~,~~IAClDH~~,MAAOa,GACHP,EACAG,GAEHR,EACG,IAIVL,~~EAAsB4B~~,YAAc,8BAEvBC,EAAgCC,EAAIA,~~KAAiB9B~~,~~GAGlE6B~~,EAAUD,YAAc"}
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 = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined) => {\n const { dataProps, restProps } = useParseProps(props)\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\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 {...onClickProps}\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","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","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,GAAEC,QAAEA,KAAYC,GACxCP,EACf,MAAMQ,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAEzCI,EAAeC,WAAQ,IAAON,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNV,UAAW,GACR,CAAG,GAAE,CAACE,IAELS,EAASH,EAAAA,SAAQ,KACrB,IACKH,KACCA,EAAUO,MAAQ,CAAEC,WAAYrB,EAAiBa,EAAUO,QAAqB,MAChFP,EAAUS,QAAU,CAAEC,eAAgBvB,EAAiBa,EAAUS,UAAuB,MACxFT,EAAUW,UAAY,CAAEC,cAAeZ,EAAUW,WAAc,MAChElB,KAEJ,CAACO,EAAWP,IAEf,OACEoB,MAAAC,cAAA,MAAAC,UAAA,CACEvB,IAAKA,EACLG,SAAUA,EACVC,UAAS,GAAAoB,OAAMC,EAAO,QAAS,gBAAeD,KAAAA,OAAIpB,GAClDH,MAAOa,GACHP,EACAG,GAEHR,EACG,IAIVL,EAAsB6B,YAAc,8BAEvBC,EAAgCC,EAAIA,KAAiB/B,GAGlE8B,EAAUD,YAAc"}

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

@@ -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"),r=require("./LayoutBox.js");const n={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},h=t.memo((h=>{let{children:o,debounceDelay:u=250,...c}=h;const s=t.useRef(),a=t.useRef({width:0,height:0}),[d,l]=t.useState({width:void 0,height:void 0}),g=t.useMemo((()=>i.default((e=>{const t=e[0].contentRect.width,i=e[0].contentRect.height;a.current?.width===t&&a.current?.height===i||(a.current={width:t,height:i},l({width:s?.current?.clientWidth,height:s?.current?.clientHeight}))}),u)),[u]);return t.useLayoutEffect((()=>{let e,t;return s?.current&&(t=s?.current,e=new ResizeObserver(g),e.observe(t),l({width:s?.current?.clientWidth,height:s?.current?.clientHeight})),()=>{e?.unobserve?.(t)}}),[g,s]),React.createElement(r.LayoutBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},c),React.createElement(r.LayoutBox,{style:n.main,width:"100%",height:"100%",ref:s}),!o&&React.createElement(r.LayoutBox,{width:`${Math.max(d?.width||200,200)||200}px`,height:`${Math.max(d?.height||200,200)||200}px`,style:n.empty}),o&&o?.({height:`${d?.height||200}px`,width:`${d?.width||200}px`,measured:!!d?.height}))}));h.displayName="ResizableContainer",exports.ResizableContainer=h;
+"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 CHANGED Viewed

	@@ -1 +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","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserve","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","Math","max","measured","displayName"],"mappings":"~~wPAmBA~~,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,~~IACrD~~,MAAMC,~~EAAiBD~~,EAAQ,~~GAAGE~~,~~YAAYX~~,~~MACxCY~~,~~EAAkBH~~,EAAQ,~~GAAGE~~,~~YAAYV~~,~~OAE3CF~~,~~EAAmBc~~,~~SAASb~~,~~QAAUU~~,~~GACvCX~~,~~EAAmBc~~,~~SAASZ~~,~~SAAWW~~,~~IAG1Cb~~,~~EAAmBc~~,QAAU,~~CAAEb~~,~~MAAOU~~,~~EAAgBT~~,~~OAAQW~~,~~GAE9DT~~,EAAiB,CACfH,MAAOH,~~GAAcgB~~,~~SAASC~~,~~YAC9Bb~~,OAAQJ,~~GAAcgB~~,~~SAASE~~,eAC/B,~~GACDpB~~,IAAgB,CAACA,IAuBpB,~~OArBAqB~~,EAAAA,iBAAgB,KACd,IAAIC,EACAC,~~EAYJ~~,~~OAVIrB~~,~~GAAcgB~~,UAChBK,~~EAAmBrB~~,~~GAAcgB~~,QACjCI,EAAiB,~~IAAIE~~,~~eAAeb~~,~~GACpCW~~,~~EAAeG~~,~~QAAQF~~,~~GAEvBf~~,EAAiB,CACfH,MAAOH,~~GAAcgB~~,~~SAASC~~,~~YAC9Bb~~,OAAQJ,~~GAAcgB~~,~~SAASE~~,~~gBAG5B~~,~~KACLE~~,~~GAAgBI~~,~~YAAYH~~,EAA4B,CACzD,GACA,~~CAACZ~~,EAAwBT,~~IAK1ByB~~,MAAAC,cAACC,EAASA,UAAAC,UAAA,~~CACRzB~~,MAAM,OACNC,OAAO,~~OACPyB~~,QAAQ,SACRC,MAAM,SACNC,UAAU,~~UACNhC~~,~~GAEJ0B~~,MAAAC,cAACC,EAAAA,UAAS,CACRK,~~MAAO7C~~,EAAOC,KACde,MAAM,OACNC,OAAO,~~OACP6B~~,~~IAAKjC~~,KAELH,~~GACF4B~~,MAAAC,cAACC,EAAAA,UAAS,~~CACRxB~~,~~MAAQ~~,~~GAAE+B~~,KAAKC,~~IAAI9B~~,~~GAAeF~~,~~OAAS~~,IAAK,MAAQ,~~QACxDC~~,~~OAAS~~,~~GAAE8B~~,KAAKC,~~IAAI9B~~,~~GAAeD~~,~~QAAU~~,IAAK,MAAQ,~~QAC1D4B~~,~~MAAO7C~~,EAAOM,QAGfI,~~GAAYA~~,~~IAAW~~,CACtBO,~~OAAS~~,~~GAAEC~~,~~GAAeD~~,~~QAAU~~,~~QACpCD~~,~~MAAQ~~,~~GAAEE~~,~~GAAeF~~,~~OAAS~~,~~QAClCiC~~,~~WAAY/B~~,~~GAAeD~~,~~SAEnB~~,IAKlBV,~~EAAmB2C~~,YAAc"}
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","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"}

package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("./divider.module.scss.js");const r=t.memo((e=>{let{orientation:r,vertical:a,color:l="#999999",opacity:o,length:s="80%",left:c="0",width:n="1px",height:d="1px",margin:m,className:u=""}=e;const v=t.useMemo((()=>"vertical"===r||!0===a),[r,a]),p=t.useMemo((()=>({"--width":n,"--height":d,"--length":s,"--opacity":o,"--color":l,"--left":c,"--margin":m||(v?"auto 0":"0 auto")})),[n,d,s,o,l,c,m,v]),h=v?i.default.vertical:i.default.horizontal;return React.createElement("div",{className:`${i.default["divider-line"]} ${h} ${u}`,style:p})}));r.displayName="DividerLine";const a=t.memo((t=>React.createElement(r,e.extends({vertical:!0,length:"100%"},t))));a.displayName="DividerVertical";const l=t.memo((t=>React.createElement(r,e.extends({length:"100%"},t))));l.displayName="DividerHorizontal",exports.DividerHorizontal=l,exports.DividerLine=r,exports.DividerVertical=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("./divider.module.scss.js");const r=t.memo((e=>{let{orientation:r,vertical:a,color:l="#999999",opacity:o,length:c="80%",left:n="0",width:s="1px",height:d="1px",margin:m,className:u=""}=e;const v=t.useMemo((()=>"vertical"===r||!0===a),[r,a]),p=t.useMemo((()=>({"--width":s,"--height":d,"--length":c,"--opacity":o,"--color":l,"--left":n,"--margin":m||(v?"auto 0":"0 auto")})),[s,d,c,o,l,n,m,v]),h=v?i.default.vertical:i.default.horizontal;return React.createElement("div",{className:"".concat(i.default["divider-line"]," ").concat(h," ").concat(u),style:p})}));r.displayName="DividerLine";const a=t.memo((t=>React.createElement(r,e.extends({vertical:!0,length:"100%"},t))));a.displayName="DividerVertical";const l=t.memo((t=>React.createElement(r,e.extends({length:"100%"},t))));l.displayName="DividerHorizontal",exports.DividerHorizontal=l,exports.DividerLine=r,exports.DividerVertical=a;
 //# sourceMappingURL=DividerLine.js.map

package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = '#999999',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"yMAmBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,EAAAA,SAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,EAAAA,SAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAAA,QAAQb,SAAWa,EAAAA,QAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,~~UAAY~~,~~GAAGK~~,~~EAAAA~~,~~QAAgB~~,~~mBAAmBD~~,~~KAAeJ~~,~~IACjES~~,~~MAAON~~,GACP,IAINf,~~EAAYsB~~,YAAc,cAEbC,MAAAA,~~EACTtB~~,EAAIA,~~MAAEuB~~,~~GAAUL~~,MAAAC,cAACpB,~~EAAWyB~~,UAAA,~~CAACrB~~,UAAQ,EAACG,OAAO,~~QAAWiB~~,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,~~EACTzB~~,EAAIA,~~MAAEuB~~,~~GAAUL~~,MAAAC,cAACpB,~~EAAWyB~~,UAAA,~~CAAClB~~,OAAO,~~QAAWiB~~,MACnDE,EAAkBJ,YAAc"}
1	+ {"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = '#999999',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"yMAmBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,EAAAA,SAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,EAAAA,SAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAAA,QAAQb,SAAWa,EAAAA,QAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAO,QAAS,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GACP,IAINf,EAAYuB,YAAc,cAEbC,MAAAA,EACTvB,EAAIA,MAAEwB,GAAUN,MAAAC,cAACpB,EAAW0B,UAAA,CAACtB,UAAQ,EAACG,OAAO,QAAWkB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT1B,EAAIA,MAAEwB,GAAUN,MAAAC,cAACpB,EAAW0B,UAAA,CAACnB,OAAO,QAAWkB,MACnDE,EAAkBJ,YAAc"}

package/dist/lib/cjs/src/core/ui/components/field/Field.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);let o=()=>"#000000";let i=a.memo((function(){return React.createElement("span",null)}));const r=l.default.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var s=l.default(r).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const c=a.memo((function(t){let{options:a,value:n,inputRef:l,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:l,defaultValue:n}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),p=l.default.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),d=l.default.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),u=l.default.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),m=a.memo((t=>{let{label:n,name:l,type:r="text",value:m,defaultValue:f,placeholder:b,inputRef:h,error:x,disabled:g,userDisabled:y,withoutComponent:w,helpTextInfo:C,helpText:v,children:N,iconLeft:R,iconRight:_,addon:E,className:F,onChange:k,onChangeInner:I,onBlur:j,onFocus:D,rightIconClick:$,leftIconClick:B,options:S,css:q,...z}=t,L=p;N||"textarea"!==r||(L=d);const T=a.useCallback((e=>{y?e?.preventDefault?.():D&&D(e)}),[y,D]),V=a.useCallback((e=>{y||(I&&e?.target?(e.target.value=I(e.target.value),k&&k(e)):k&&k(e))}),[I,k,y]),W=a.useMemo((()=>void 0===m?{defaultValue:f}:{value:m}),[m,f]);return React.createElement(s,{className:`field ${F}`,error:x,disabled:g,userDisabled:y,$_css:q},React.createElement(u,{htmlFor:l,className:"label"},n),React.createElement("div",{className:"field "+(E?"has-addons":"")},React.createElement("div",{className:`control mainControl ${R&&!w?"has-icons-left":""} ${_?"has-icons-right":""}`},!w&&(N||"select"!==r&&!S?!N&&React.createElement(L,e.extends({name:l,id:l,ref:h,className:"input "+(x?"is-danger":""),type:r,placeholder:b},W,{onChange:V,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z)):React.createElement(c,e.extends({name:l,id:l,inputRef:h,className:"input "+(x?"is-danger":""),type:"select",placeholder:b,value:m,options:S,onChange:k,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z))),R&&!w&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(B?"is-action":""),onClick:B},React.createElement(i,{iconName:R,color:o})),_&&React.createElement("span",{className:"iconRight icon is-small is-right "+($?"is-action":""),onClick:$},React.createElement(i,{iconName:_,color:o})),N&&N),E&&E),C&&React.createElement("p",{className:"help"},C),v&&React.createElement("p",{className:"help "+(x?"is-danger":"")},v))}));m.displayName="Field",exports.Field=m,exports.FieldWrapper=r,exports.Select=c,exports.setIconColor=e=>{o=e},exports.setIconComponent=e=>{i=e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);let o=()=>"#000000";let i=a.memo((function(){return React.createElement("span",null)}));const c=l.default.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var r=l.default(c).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const s=a.memo((function(t){let{options:a,value:n,inputRef:l,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:l,defaultValue:n}),null==a?void 0:a.map((e=>React.createElement("option",{key:"".concat(JSON.stringify(e)),value:"object"==typeof e?null==e?void 0:e.value:e},"object"==typeof e?null==e?void 0:e.label:e)))))})),p=l.default.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),d=l.default.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),u=l.default.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),m=a.memo((t=>{let{label:n,name:l,type:c="text",value:m,defaultValue:f,placeholder:b,inputRef:h,error:x,disabled:g,userDisabled:y,withoutComponent:v,helpTextInfo:w,helpText:C,children:N,iconLeft:R,iconRight:_,addon:E,className:F,onChange:k,onChangeInner:I,onBlur:j,onFocus:D,rightIconClick:B,leftIconClick:S,options:q,css:z,...L}=t,T=p;N||"textarea"!==c||(T=d);const V=a.useCallback((e=>{var t;y?null==e||null===(t=e.preventDefault)||void 0===t||t.call(e):D&&D(e)}),[y,D]),W=a.useCallback((e=>{y||(I&&null!=e&&e.target?(e.target.value=I(e.target.value),k&&k(e)):k&&k(e))}),[I,k,y]),K=a.useMemo((()=>void 0===m?{defaultValue:f}:{value:m}),[m,f]);return React.createElement(r,{className:"field ".concat(F),error:x,disabled:g,userDisabled:y,$_css:z},React.createElement(u,{htmlFor:l,className:"label"},n),React.createElement("div",{className:"field ".concat(E?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(R&&!v?"has-icons-left":""," ").concat(_?"has-icons-right":"")},!v&&(N||"select"!==c&&!q?!N&&React.createElement(T,e.extends({name:l,id:l,ref:h,className:"input ".concat(x?"is-danger":""),type:c,placeholder:b},K,{onChange:W,onBlur:j,onFocus:V,onKeyDown:V,autoComplete:"off",disabled:g},L)):React.createElement(s,e.extends({name:l,id:l,inputRef:h,className:"input ".concat(x?"is-danger":""),type:"select",placeholder:b,value:m,options:q,onChange:k,onBlur:j,onFocus:V,onKeyDown:V,autoComplete:"off",disabled:g},L))),R&&!v&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(S?"is-action":""),onClick:S},React.createElement(i,{iconName:R,color:o})),_&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(B?"is-action":""),onClick:B},React.createElement(i,{iconName:_,color:o})),N&&N),E&&E),w&&React.createElement("p",{className:"help"},w),C&&React.createElement("p",{className:"help ".concat(x?"is-danger":"")},C))}));m.displayName="Field",exports.Field=m,exports.FieldWrapper=c,exports.Select=s,exports.setIconColor=e=>{o=e},exports.setIconComponent=e=>{i=e};
 //# sourceMappingURL=Field.js.map

package/dist/lib/cjs/src/core/ui/components/field/Field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable jsx-a11y/no-static-element-interactions /\n/ eslint-disable jsx-a11y/click-events-have-key-events /\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string \| (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string \| (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n opacity: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 'none' : 'auto')};\n flex: 1 1 auto;\n width: 100%;\n @media (min-width: 400px) {\n flex: 1;\n }\n .label {\n font-size: 0.8rem !important;\n font-weight: normal;\n }\n\n .help {\n text-align: left;\n }\n\n .mainControl {\n flex: 1;\n border-radius: 6px;\n box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n will-change: box-shadow;\n transition: box-shadow 250ms ease-in-out;\n &:hover {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n }\n button {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n .select {\n width: 100%;\n flex: 1;\n &::after {\n border-color: #000000 !important;\n }\n }\n\n .icon {\n &.is-action {\n cursor: pointer;\n pointer-events: initial !important;\n }\n }\n\n / Chrome, Safari, Edge, Opera /\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n / Firefox */\n input[type=number] {\n -moz-appearance: textfield;\n }\n\n .input[type=date]::-webkit-calendar-picker-indicator {\n opacity:0;\n -webkit-appearance: none;\n position: absolute;\n left: 0;\n top: 0;\n width: 40px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n\n textarea {\n resize: none;\n }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number \| string \| Date \| any\n max?: number \| string \| Date \| any\n value?: string \| number \| readonly string[] \| undefined\n defaultValue?: string \| number \| readonly string[] \| undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string \| number) => string \| number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType \| undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] \| null\n creatable?: boolean\n async?: boolean\n css?: string\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string \| number \| undefined; value: string \| number \| undefined }\ntype Option = OptionObj \| string \| number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n css,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event \| EventType \| undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <FieldWrapper\n className={`field ${className}`}\n error={error}\n disabled={disabled}\n userDisabled={userDisabled}\n css={css}\n >\n <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' \|\| options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </FieldWrapper>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
1	+ {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable jsx-a11y/no-static-element-interactions /\n/ eslint-disable jsx-a11y/click-events-have-key-events /\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string \| (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string \| (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n opacity: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 'none' : 'auto')};\n flex: 1 1 auto;\n width: 100%;\n @media (min-width: 400px) {\n flex: 1;\n }\n .label {\n font-size: 0.8rem !important;\n font-weight: normal;\n }\n\n .help {\n text-align: left;\n }\n\n .mainControl {\n flex: 1;\n border-radius: 6px;\n box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n will-change: box-shadow;\n transition: box-shadow 250ms ease-in-out;\n &:hover {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n }\n button {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n .select {\n width: 100%;\n flex: 1;\n &::after {\n border-color: #000000 !important;\n }\n }\n\n .icon {\n &.is-action {\n cursor: pointer;\n pointer-events: initial !important;\n }\n }\n\n / Chrome, Safari, Edge, Opera /\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n / Firefox */\n input[type=number] {\n -moz-appearance: textfield;\n }\n\n .input[type=date]::-webkit-calendar-picker-indicator {\n opacity:0;\n -webkit-appearance: none;\n position: absolute;\n left: 0;\n top: 0;\n width: 40px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n\n textarea {\n resize: none;\n }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number \| string \| Date \| any\n max?: number \| string \| Date \| any\n value?: string \| number \| readonly string[] \| undefined\n defaultValue?: string \| number \| readonly string[] \| undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string \| number) => string \| number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType \| undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] \| null\n creatable?: boolean\n async?: boolean\n css?: string\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string \| number \| undefined; value: string \| number \| undefined }\ntype Option = OptionObj \| string \| number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n css,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event \| EventType \| undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <FieldWrapper\n className={`field ${className}`}\n error={error}\n disabled={disabled}\n userDisabled={userDisabled}\n css={css}\n >\n <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' \|\| options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </FieldWrapper>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/icon/Icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("react").memo((e=>{let{icon:a,className:o,color:t="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:`svg-inline--fa fa-${a.iconName} ${o}`,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a.icon[0]} ${a.icon[1]}`},React.createElement("path",{fill:t,d:a.icon[4]}))}));e.displayName="Icon",exports.Icon=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("react").memo((e=>{let{icon:c,className:a,color:o="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":c.prefix,"data-icon":c.iconName,className:"svg-inline--fa fa-".concat(c.iconName," ").concat(a),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(c.icon[0]," ").concat(c.icon[1])},React.createElement("path",{fill:o,d:c.icon[4]}))}));e.displayName="Icon",exports.Icon=e;
 //# sourceMappingURL=Icon.js.map

package/dist/lib/cjs/src/core/ui/components/icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n icon: {\n prefix: string\n iconName: string\n icon: any[]\n }\n className?: string\n color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n <svg\n aria-hidden='true'\n focusable='false'\n data-prefix={icon.prefix}\n data-icon={icon.iconName}\n className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n role='img'\n xmlns='http://www.w3.org/2000/svg'\n viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n >\n <path\n fill={color}\n d={icon.icon[4]}\n />\n </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","role","xmlns","viewBox","fill","d","displayName"],"mappings":"oEAYaA,MAAAA,mBAAWC,MAAWC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,~~UAAY~~,~~qBAAoBD~~,EAAKO,~~YAAYN~~,~~IACjDO~~,KAAK,MACLC,MAAM,6BACNC,~~QAAU~~,~~OAAMV~~,EAAKA,KAAK,~~MAAMA~~,EAAKA,KAAK,~~MAE1CG~~,MAAAC,cAAA,OAAA,~~CACEO~~,~~KAAMT~~,~~EACNU~~,~~EAAGZ~~,EAAKA,KAAK,KAEX,IAGRH,~~EAAKgB~~,YAAc"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n icon: {\n prefix: string\n iconName: string\n icon: any[]\n }\n className?: string\n color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n <svg\n aria-hidden='true'\n focusable='false'\n data-prefix={icon.prefix}\n data-icon={icon.iconName}\n className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n role='img'\n xmlns='http://www.w3.org/2000/svg'\n viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n >\n <path\n fill={color}\n d={icon.icon[4]}\n />\n </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"oEAYaA,MAAAA,mBAAWC,MAAWC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAS,qBAAAO,OAAuBR,EAAKO,SAAQC,KAAAA,OAAIP,GACjDQ,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAASR,EAAKA,KAAK,GAAE,KAAAQ,OAAIR,EAAKA,KAAK,KAE1CG,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGb,EAAKA,KAAK,KAEX,IAGRH,EAAKiB,YAAc"}

package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),t=require("./icon.module.scss.js");const r=o.memo((r=>{let{iconUrl:i,minWidth:n,minHeight:s,size:c,fontSize:l,width:a,height:u,color:m="currentColor",className:d="",children:h,style:p,onClick:b,...g}=r;const y=o.useMemo((()=>({"--min-width":n||c||a||"auto","--min-height":s||c||u||"auto","--width":c||a||"1rem","--height":c||u||"1rem",...l?{fontSize:l}:{},...i?{"--icon-url":`url(${i})`}:{},...i?{"--icon-color":m}:{"--icon-content-color":m},...b?{cursor:"pointer"}:{},...p})),[n,c,a,s,u,l,i,m,b,p]),f=o.useMemo((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",e.extends({},g,f,{className:`${t.default["icon-base"]} icon-base ${d}`,style:y}),!i&&h&&h)}));r.displayName="IconBase",exports.IconBase=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),t=require("./icon.module.scss.js");const n=o.memo((n=>{let{iconUrl:r,minWidth:c,minHeight:i,size:s,fontSize:l,width:a,height:u,color:m="currentColor",className:d="",children:h,style:p,onClick:b,...g}=n;const y=o.useMemo((()=>({"--min-width":c||s||a||"auto","--min-height":i||s||u||"auto","--width":s||a||"1rem","--height":s||u||"1rem",...l?{fontSize:l}:{},...r?{"--icon-url":"url(".concat(r,")")}:{},...r?{"--icon-color":m}:{"--icon-content-color":m},...b?{cursor:"pointer"}:{},...p})),[c,s,a,i,u,l,r,m,b,p]),f=o.useMemo((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",e.extends({},g,f,{className:"".concat(t.default["icon-base"]," icon-base ").concat(d),style:y}),!r&&h&&h)}));n.displayName="IconBase",exports.IconBase=n;
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n style?: CSSProperties\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onkeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!iconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"sMAoBaA,EAA6BC,EAAIA,MAAeC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,~~aAAe~~,~~OAAMA~~,~~MAAe~~,MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,~~CAAEI~~,OAAQ,WAAc,~~MACnCL~~,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,~~IAE3EM~~,~~EAAeF~~,WAAQ,IAAOH,EAAW,CAC7CA,~~UACAM~~,~~UAAWN~~,~~EACXO~~,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,~~CAACR~~,IAEX,~~OACES~~,MAAAC,cAAA,OAAAC,EAAA,~~QACMV~~,CAAAA,EAAAA,~~EACAI~~,EAAY,~~CAChBR~~,~~UAAY~~,~~GAAEe~~,EAAO,QAAC,~~0BAA0Bf~~,~~IAChDE~~,MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,~~EAAS2B~~,YAAc"}
1	+ {"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n style?: CSSProperties\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onkeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!iconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","concat","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"sMAoBaA,EAA6BC,EAAIA,MAAeC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,aAAY,OAAAe,OAASf,EAAO,MAAQ,MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,CAAEK,OAAQ,WAAc,MACnCN,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,IAE3EO,EAAeH,WAAQ,IAAOH,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAA,QACMX,CAAAA,EAAAA,EACAK,EAAY,CAChBT,UAAS,GAAAO,OAAKS,EAAO,QAAC,aAAYT,eAAAA,OAAcP,GAChDE,MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,EAAS4B,YAAc"}

package/dist/lib/cjs/src/core/ui/components/icon/IconWC.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,i=require("../../../utils/webComponents/webComponent.utils.js"),e=require("./icon.module.scss.js");const s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';let n=i.ced("icon-base")(t=class t extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e.default["icon-base-parent"]),this.mainElement.classList.add(e.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,e]=t;return`${i}: ${e};`})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,t.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||t;const o={VCIconBase:n};exports.VCIcon=n,exports.VCIconBase=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t,i=require("../../../utils/webComponents/webComponent.utils.js"),e=require("./icon.module.scss.js");const s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';let n=i.ced("icon-base")(t=class t extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e.default["icon-base-parent"]),this.mainElement.classList.add(e.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":"url(".concat(this.iconUrl,")")}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,e]=t;return"".concat(i,": ").concat(e,";")})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,t.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||t;const o={VCIconBase:n};exports.VCIcon=n,exports.VCIconBase=o;
 //# sourceMappingURL=IconWC.js.map