@react-querybuilder/bootstrap 8.14.0 → 8.14.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/react-querybuilder_bootstrap.cjs.development.d.ts +1 -2737
- package/dist/cjs/react-querybuilder_bootstrap.cjs.development.js +9 -16
- package/dist/cjs/react-querybuilder_bootstrap.cjs.development.js.map +1 -1
- package/dist/cjs/react-querybuilder_bootstrap.cjs.production.d.ts +1 -2737
- package/dist/cjs/react-querybuilder_bootstrap.cjs.production.js +1 -1
- package/dist/cjs/react-querybuilder_bootstrap.cjs.production.js.map +1 -1
- package/dist/react-querybuilder_bootstrap.d.mts +1 -2737
- package/dist/react-querybuilder_bootstrap.legacy-esm.d.ts +1 -2737
- package/dist/react-querybuilder_bootstrap.legacy-esm.js +16 -24
- package/dist/react-querybuilder_bootstrap.legacy-esm.js.map +1 -1
- package/dist/react-querybuilder_bootstrap.mjs +1 -4
- package/dist/react-querybuilder_bootstrap.mjs.map +1 -1
- package/dist/react-querybuilder_bootstrap.production.d.mts +1 -2737
- package/dist/react-querybuilder_bootstrap.production.mjs.map +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-querybuilder_bootstrap.production.mjs","names":[
|
|
1
|
+
{"version":3,"file":"react-querybuilder_bootstrap.production.mjs","names":[],"sources":["../src/BootstrapNotToggle.tsx","../src/BootstrapValueEditor.tsx","../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\n/**\n * @group Components\n */\nexport const BootstrapNotToggle = ({\n className,\n handleOnChange,\n title,\n label,\n checked,\n disabled,\n}: NotToggleProps): React.JSX.Element => {\n const id = useId();\n\n return (\n <div className={`form-check-inline form-switch ${className}`}>\n <input\n id={id}\n className=\"form-check-input\"\n type=\"checkbox\"\n onChange={e => handleOnChange(e.target.checked)}\n checked={!!checked}\n disabled={disabled}\n />\n <label title={title} htmlFor={id} className=\"form-check-label\">\n {label}\n </label>\n </div>\n );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport { standardClassnames, useValueEditor, ValueEditor } from 'react-querybuilder';\n\n// Extracted from callback so we can use `useId`\nconst RadioButton = (props: {\n name: string;\n disabled?: boolean;\n checked: boolean;\n handleOnChange: (v: string) => void;\n label: string;\n}) => {\n const id = React.useId();\n return (\n <div className=\"form-check form-check-inline\">\n <input\n className=\"form-check-input\"\n type=\"radio\"\n id={id}\n value={props.name}\n checked={props.checked}\n disabled={props.disabled}\n onChange={e => props.handleOnChange(e.target.value)}\n />\n <label className=\"form-check-label\" htmlFor={id}>\n {props.label}\n </label>\n </div>\n );\n};\n\n/**\n * @group Components\n */\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n const { valueListItemClassName } = useValueEditor(props);\n\n if (props.operator === 'null' || props.operator === 'notNull') {\n return null;\n }\n\n if (\n (props.operator === 'between' || props.operator === 'notBetween') &&\n (props.type === 'select' || props.type === 'text')\n ) {\n const listItemClasses =\n props.type === 'text' ? 'form-control form-control-sm' : 'form-select form-select-sm';\n return (\n <ValueEditor\n {...props}\n skipHook\n schema={{\n ...props.schema,\n classNames: {\n ...props.schema.classNames,\n valueListItem: `${valueListItemClassName} ${listItemClasses}`,\n },\n }}\n />\n );\n }\n\n switch (props.type) {\n case 'select':\n case 'multiselect':\n return (\n <ValueEditor\n {...props}\n skipHook\n className={`${props.className} form-select form-select-sm`}\n />\n );\n\n case 'switch':\n return (\n <span className={`${props.className} custom-control custom-switch`}>\n <input\n type=\"checkbox\"\n className=\"form-check-input custom-control-input\"\n title={props.title}\n disabled={props.disabled}\n onChange={e => props.handleOnChange(e.target.checked)}\n checked={!!props.value}\n />\n </span>\n );\n\n case 'checkbox':\n return <ValueEditor {...props} skipHook className={`${props.className} form-check-input`} />;\n\n case 'radio':\n return (\n <span title={props.title} className={standardClassnames.value}>\n {props.values?.map(v => (\n <RadioButton\n key={v.name}\n name={v.name}\n disabled={props.disabled}\n checked={props.value === v.name}\n handleOnChange={props.handleOnChange}\n label={v.label}\n />\n ))}\n </span>\n );\n }\n\n return (\n <ValueEditor\n {...props}\n skipHook\n className={`${props.className} form-control form-control-sm`}\n />\n );\n};\n","import * as React from 'react';\nimport type {\n Classnames,\n ControlElementsProp,\n FullField,\n QueryBuilderContextProvider,\n Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\n/**\n * @group Props\n */\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n notToggle: BootstrapNotToggle,\n valueEditor: BootstrapValueEditor,\n};\n\n/**\n * @group Props\n */\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n actionElement: 'btn btn-sm',\n addGroup: 'btn-secondary',\n addRule: 'btn-primary',\n cloneGroup: 'btn-secondary',\n cloneRule: 'btn-secondary',\n lockGroup: 'btn-secondary',\n lockRule: 'btn-secondary',\n removeGroup: 'btn-danger',\n removeRule: 'btn-danger',\n // BootstrapValueEditor adds its own classnames\n // value: '',\n valueSelector: 'form-select form-select-sm',\n};\n\n/**\n * @group Props\n */\nexport const bootstrapTranslations: Partial<Translations> = {\n removeGroup: { label: <i className=\"bi bi-x\" /> },\n removeRule: { label: <i className=\"bi bi-x\" /> },\n cloneRule: { label: <i className=\"bi bi-copy\" /> },\n cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n lockRule: { label: <i className=\"bi bi-unlock\" /> },\n lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\n/**\n * @group Components\n */\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n controlClassnames: bootstrapControlClassnames,\n controlElements: bootstrapControlElements,\n translations: bootstrapTranslations,\n});\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-querybuilder/bootstrap",
|
|
3
3
|
"description": "Custom Bootstrap components for react-querybuilder",
|
|
4
|
-
"version": "8.14.
|
|
4
|
+
"version": "8.14.2",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -53,23 +53,23 @@
|
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@popperjs/core": "^2.11.8",
|
|
55
55
|
"@testing-library/dom": "^10.4.1",
|
|
56
|
-
"@testing-library/react": "^16.3.
|
|
57
|
-
"@types/react": "^19.2.
|
|
58
|
-
"@vitejs/plugin-react": "^
|
|
56
|
+
"@testing-library/react": "^16.3.2",
|
|
57
|
+
"@types/react": "^19.2.10",
|
|
58
|
+
"@vitejs/plugin-react": "^6.0.1",
|
|
59
59
|
"bootstrap": "^5.3.8",
|
|
60
60
|
"bootstrap-icons": "^1.13.1",
|
|
61
|
-
"react": "^19.2.
|
|
62
|
-
"react-dom": "^19.2.
|
|
63
|
-
"react-querybuilder": "8.14.
|
|
64
|
-
"rollup-plugin-visualizer": "^
|
|
65
|
-
"typescript": "^
|
|
66
|
-
"vite": "^
|
|
61
|
+
"react": "^19.2.4",
|
|
62
|
+
"react-dom": "^19.2.4",
|
|
63
|
+
"react-querybuilder": "8.14.2",
|
|
64
|
+
"rollup-plugin-visualizer": "^7.0.1",
|
|
65
|
+
"typescript": "^6.0.2",
|
|
66
|
+
"vite": "^8.0.2"
|
|
67
67
|
},
|
|
68
68
|
"peerDependencies": {
|
|
69
69
|
"bootstrap": ">=5",
|
|
70
70
|
"bootstrap-icons": ">=1.7.0",
|
|
71
71
|
"react": ">=18",
|
|
72
|
-
"react-querybuilder": "8.14.
|
|
72
|
+
"react-querybuilder": "8.14.2"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "67918a4c19db328a65b0540098f186df8f1f1be4"
|
|
75
75
|
}
|