@modul/mbui 0.0.28-beta-pv-53496-934863d9 → 0.0.28

package/dist/Select/SelectAsync.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectAsync = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const async_1 = (0, tslib_1.__importDefault)(require("react-select/async"));
+const components_1 = require("./components");
+const SelectAsync = ({ ...props }) => (React.createElement(async_1.default, { components: {
+        Control: components_1.Control,
+        Option: components_1.Option,
+        SingleValue: components_1.SingleValue,
+        DropdownIndicator: components_1.DropdownIndicator,
+        IndicatorSeparator: () => null,
+        Menu: components_1.Menu,
+        ValueContainer: components_1.ValueContainer,
+        Placeholder: components_1.Placeholder,
+        Input: components_1.Input,
+        LoadingIndicator: components_1.LoadingIndicator,
+        IndicatorsContainer: components_1.IndicatorsContainer
+    }, styles: components_1.colourStyles, unstyled: true, ...props }));
+exports.SelectAsync = SelectAsync;
+SelectAsync.displayName = 'SelectAsync';
+//# sourceMappingURL=SelectAsync.js.map

package/dist/Select/SelectAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,4EAA4C;AAC5C,6CAA6K;AAE7K,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrC,oBAAC,eAAW,IACX,UAAU,EAAE;QACX,OAAO,EAAP,oBAAO;QACP,MAAM,EAAN,mBAAM;QACN,WAAW,EAAX,wBAAW;QACX,iBAAiB,EAAjB,8BAAiB;QACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;QAC9B,IAAI,EAAJ,iBAAI;QACJ,cAAc,EAAd,2BAAc;QACd,WAAW,EAAX,wBAAW;QACX,KAAK,EAAL,kBAAK;QACL,gBAAgB,EAAhB,6BAAgB;QAChB,mBAAmB,EAAnB,gCAAmB;KACnB,EACD,MAAM,EAAE,yBAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AAIQ,kCAAW;AAFpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/Select/SelectBase.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectBase = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const react_select_1 = (0, tslib_1.__importDefault)(require("react-select"));
+const components_1 = require("./components");
+function SelectBase(props) {
+    return (React.createElement(react_select_1.default, { components: {
+            Control: components_1.Control,
+            Option: components_1.Option,
+            SingleValue: components_1.SingleValue,
+            DropdownIndicator: components_1.DropdownIndicator,
+            IndicatorSeparator: () => null,
+            Menu: components_1.Menu,
+            ValueContainer: components_1.ValueContainer,
+            Placeholder: components_1.Placeholder,
+            Input: components_1.Input,
+            LoadingIndicator: components_1.LoadingIndicator,
+            IndicatorsContainer: components_1.IndicatorsContainer,
+        }, styles: components_1.colourStyles, unstyled: true, ...props }));
+}
+exports.SelectBase = SelectBase;
+SelectBase.displayName = 'SelectBase';
+//# sourceMappingURL=SelectBase.js.map

package/dist/Select/SelectBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,6EAGqB;AACrB,6CAYqB;AAQrB,SAAS,UAAU,CAClB,KAA8C;IAE9C,OAAO,CACN,oBAAC,sBAAM,IACN,UAAU,EAAE;YACX,OAAO,EAAP,oBAAO;YACP,MAAM,EAAN,mBAAM;YACN,WAAW,EAAX,wBAAW;YACX,iBAAiB,EAAjB,8BAAiB;YACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;YAC9B,IAAI,EAAJ,iBAAI;YACJ,cAAc,EAAd,2BAAc;YACd,WAAW,EAAX,wBAAW;YACX,KAAK,EAAL,kBAAK;YACL,gBAAgB,EAAhB,6BAAgB;YAChB,mBAAmB,EAAnB,gCAAmB;SACnB,EACD,MAAM,EAAE,yBAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAIQ,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/Select/components/components.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Placeholder = exports.Menu = exports.SingleValue = exports.ValueContainer = exports.DropdownIndicator = exports.LoadingIndicator = exports.IndicatorsContainer = exports.Option = exports.optionClasses = exports.colourStyles = exports.Control = exports.Input = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_select_1 = require("react-select");
+const utils_1 = require("../../@/lib/utils");
+const Icon_1 = require("../../Icon");
+const Input = ({ ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.Input, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }));
+};
+exports.Input = Input;
+const selectTriggerClasses = `
+	flex
+	items-center
+	py-[12px]
+	px-[16px]
+	h-[44px]
+	text-left
+	border-[1px]
+	border-input
+	rounded-sm
+	cursor-pointer
+`;
+const Control = ({ children, ...props }) => {
+    const { isFocused } = props;
+    return (react_1.default.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
+};
+exports.Control = Control;
+const colourStyles = {
+    control: () => ({}),
+    option: () => ({}),
+    input: () => ({}),
+    dropdownIndicator: () => ({}),
+    indicatorsContainer: () => ({}),
+    menu: () => ({}),
+    menuList: () => ({}),
+    singleValue: () => ({}),
+    valueContainer: () => ({}),
+};
+exports.colourStyles = colourStyles;
+const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
+exports.optionClasses = optionClasses;
+const Option = ({ children, ...props }) => {
+    const { isSelected, isFocused, isDisabled } = props;
+    return (react_1.default.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
+        react_1.default.createElement("span", { className: "flex basis-0 grow" }, children),
+        react_1.default.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (react_1.default.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
+};
+exports.Option = Option;
+const IndicatorsContainer = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.IndicatorsContainer, { className: "flex items-center gap-x-[8px] shrink-0", ...props }, children));
+};
+exports.IndicatorsContainer = IndicatorsContainer;
+const LoadingIndicator = ({ ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.LoadingIndicator, { className: "text-light shrink-0", ...props }));
+};
+exports.LoadingIndicator = LoadingIndicator;
+const DropdownIndicator = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
+        react_1.default.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
+};
+exports.DropdownIndicator = DropdownIndicator;
+const ValueContainer = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
+};
+exports.ValueContainer = ValueContainer;
+const SingleValue = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
+};
+exports.SingleValue = SingleValue;
+const Menu = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
+};
+exports.Menu = Menu;
+const Placeholder = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
+};
+exports.Placeholder = Placeholder;
+//# sourceMappingURL=components.js.map

package/dist/Select/components/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/Select/components/components.tsx"],"names":[],"mappings":"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"}